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

本文关键字：创建 项目 windowsphone | 更新日期: 2023-09-27 18:24:10

如何设计以下内容？

到目前为止我尝试过的：

<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行吗？

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

否。可以有列定义和行定义。如果希望一列中有多行，请创建另一个网格，并在该网格上设置行定义。或者，在主网格上创建行和列定义，并在控件上设置行跨度以获得所需布局。

<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>
相关文章：