itemsource를 사용하지 않고 UWP에서 정적 테이블/격자를 표시하는 방법은 무엇입니까?

Question

내 프로젝트의 경우 UWP 응용 프로그램의 각 행에 4 개의 열이있는 3 개의 행이있는 표/표를 표시하려고합니다. 모든 열에는 텍스트 상자 컨트롤이 있습니다. 그리드에 데이터를 표시하고 싶지는 않지만 사용자로부터 입력을 받고 싶습니다. grid/gridview 컨트롤을 시도했습니다. 텍스트 컨트롤을 사용하여 3 행 4 열을 표시하는 xaml을 어떻게 지정할 수 있는지 잘 모르겠습니다. 이 그림 같은 것.

모든 의견을 환영합니다.

Answer 1

XAML

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <Grid x:Name="MyTableGrid" BorderBrush="Black" BorderThickness="2"> 
     <Grid.RowDefinitions> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
      <RowDefinition/> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
      <ColumnDefinition/> 
     </Grid.ColumnDefinitions> 

     <Border Grid.Column="0" Grid.Row="0" BorderThickness="2" BorderBrush="Black"> 
      <TextBlock Text="Column 1" FontSize="25" TextAlignment="Center"/> 
     </Border> 
     <Border Grid.Column="1" Grid.Row="0" BorderThickness="2" BorderBrush="Black"> 
      <TextBlock Text="Column 2" FontSize="25" TextAlignment="Center"/> 
     </Border> 
     <Border Grid.Column="2" Grid.Row="0" BorderThickness="2" BorderBrush="Black"> 
      <TextBlock Text="Column 3" FontSize="25" TextAlignment="Center"/> 
     </Border> 
     <Border Grid.Column="3" Grid.Row="0" BorderThickness="2" BorderBrush="Black"> 
      <TextBlock Text="Column 4" FontSize="25" TextAlignment="Center"/> 
     </Border> 


     <Border Grid.Column="0" Grid.Row="1" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="1" Grid.Row="1" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="2" Grid.Row="1" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="3" Grid.Row="1" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="0" Grid.Row="2" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="1" Grid.Row="2" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="2" Grid.Row="2" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="3" Grid.Row="2" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="0" Grid.Row="3" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="1" Grid.Row="3" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="2" Grid.Row="3" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
     <Border Grid.Column="3" Grid.Row="3" BorderThickness="2" BorderBrush="Black"> 
      <TextBox BorderBrush="Gray" BorderThickness="5" Height="65" Width="135"/> 
     </Border> 
    </Grid>   
</Grid> 

출력

나는, 당신은 행과 열 정의에 행과 열의 높이와 폭을 편집 할 수 있습니다 귀하의 스크린 샷을 거친 샘플을 만든 현재 나는 어떤 높이와 너비도 설정하지 않았습니다 & 일반적인 생각을하기 위해서 당신은 당신의 요구에 그것을 사용자 정의해야합니다. n 개의 방법

제안

새로운 사용자 제어 페이지를 추가하고 메인 페이지에서 참조 다음 테이블로 사용하고 그래서 당신은 당신이 별도로 사용자 정의 할 수 있습니다 원하는 원하는 데이터 바인딩 및 사용자를 절약 할 때마다 더 명확하게 입력