如何在 windows phone 通用项目中创建这样的设计

Question

到目前为止我尝试了什么：

<Grid>
   <Grid.ColumnDefinitions>
      <ColumnDefinition Width="80"/>
      <ColumnDefinition Width="80"/>
      <ColumnDefinition/>
   </Grid.ColumnDefinitions>

   <Image Source="{Binding nexs}" Width="70" Height="70" Grid.Column="0"/>  

   <Grid Grid.Column="1" HorizontalAlignment="Left" >
      <Image Source="{Binding url}" Height="{Binding height}" Width="{Binding width}"/>
   </Grid>

   <TextBlock Text="{Binding title}"  TextWrapping="Wrap" Grid.Column="2" Margin="0,15,0,0" FontFamily="Lucida Console" Foreground="Black" />                                                             
</Grid>

是否有 2 个可以将行放入列定义中？

Answer 1

没有。您可以拥有列定义和行定义。如果您想要一列中的多行，则创建另一个网格并在该网格上设置行定义。或者，在主网格上创建行和列定义并在控件上设置行跨度以获得所需的布局。

<Grid>
   <Grid.ColumnDefinitions>
      <ColumnDefinition Width="80"/>
      <ColumnDefinition Width="80"/>
      <ColumnDefinition/>
   </Grid.ColumnDefinitions>

   <Image Source="{Binding nexs}" Width="70" Height="70" Grid.Column="0"/>  

   <Grid Grid.Column="1" HorizontalAlignment="Left" >
      <Image Source="{Binding url}" Height="{Binding height}" Width="{Binding width}"/>
   </Grid>

   <TextBlock Text="{Binding title}"  TextWrapping="Wrap" Grid.Column="2" Margin="0,15,0,0" FontFamily="Lucida Console" Foreground="Black" />         

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <!-- Place controls here -->
    </Grid>
</Grid>

如何在 windows phone 通用项目中创建这样的设计

how to create design like this in windows phone universal project

c#

windows-phone-8.1