Пользовательский макет xaml с использованием RowDefinitions и ColumnDefinitions

Question

Я новичок в UWP, и у меня есть сетка недоразумений RowDefinitions и ColumnDefinitions, как указано в oficial doc. Я должен создать собственный элемент списка, например:

но я не могу с этим справиться. На самом деле основная проблема заключается в том, как установить свойство fill_parent для дочернего представления.

Answer 1

Вы можете использовать этот метод, как это указано в вашем упоминается docs. Как описано в вашем Img последний элемент это в середине вертикально, так это расположение будет:

<Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition 
       Height="24" /> 
      <RowDefinition 
      Height="20" /> 
    </Grid.RowDefinitions> 

    <Grid.ColumnDefinitions> 
     <ColumnDefinition 
      Width="44" /> 
     <ColumnDefinition 
      Width="*" /> 
     <ColumnDefinition 
      Width="10" /> 
    </Grid.ColumnDefinitions> 

    <Rectangle 
     Fill="Red" 
     Grid.RowSpan="2" 
     Grid.Column="0"/> 

    <Rectangle 
     Fill="Green" 
     Grid.Row="0" 
     Grid.Column="1" /> 

    <Rectangle 
     Fill="Yellow" 
     Grid.Row="1" 
     Grid.Column="1" /> 

    <Grid 
     Grid.RowSpan="2" 
     Grid.Column="2"> 

     <Grid.RowDefinitions> 
      <RowDefinition 
       Height="*" /> 
      <RowDefinition 
       Height="*" /> 
      <RowDefinition 
       Height="*" /> 
     </Grid.RowDefinitions> 

     <Rectangle 
      Fill="Gray" 
      Grid.Row="1"/> 

    </Grid> 

</Grid> 

Для простоты и ясности я использовал Rectangle

Answer 2

Заполнение пространства может быть сделано с

width="*" 

И небольшая сложность в макете может быть обработан с вложенной сетки системы. Вот начало, а не полное решение для вашего макета.

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="44"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="44"/> 
     <ColumnDefinition Width="*" /> 
     <ColumnDefinition Width="10"/> 
    </Grid.ColumnDefinitions> 

    <Grid Grid.Row="0" Grid.Column="1"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="24"/> 
      <RowDefinition Height="20"/> 
     </Grid.RowDefinitions> 
    </Grid> 
</Grid>