itemsourceを使用せずにUWPで静的テーブル/グリッドを表示する方法は？

Question

私のプロジェクトでは、UWPアプリケーションの各行に4列の3行のグリッド/テーブルを表示したいと考えています。すべての列にはテキストボックスコントロールがあります。グリッド上にデータを表示するのではなく、ユーザーからの入力を取りたいと思っています。グリッド/グリッドビューコントロールを試しました。私は、テキストボックスコントロールで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個の方法

提案

は、新しいユーザーコントロールのページを追加し、それを表として使用して、あなたはあなたが個別にカスタマイズすることができ、データがユーザーを結合して保存したいいつでもので、あなたのメインページで参照しますより明確に入力