1

我正在用我的视图模型中的 observablecollection 填充一个网格,但我希望该网格的格式如下:(注意我的模型没有行/列信息,只是调用代码中显示的帖子) 在此处输入图像描述

我的代码现在看起来像这样:

<StackLayout BindableLayout.ItemsSource="{Binding Posts}">
  <BindableLayout.ItemTemplate>
     <DataTemplate>
       <Grid Margin="5" RowSpacing="0" x:Name="postsTable">
       <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="*"/>
       </Grid.ColumnDefinitions>
          <Grid.RowDefinitions>
             <RowDefinition Height="200"/>
          </Grid.RowDefinitions>

  <ImageButton Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="1" Source="{Binding postImage}"  VerticalOptions="Fill" HorizontalOptions="Fill" Aspect="AspectFill" Clicked="News1_Clicked"/>
  <StackLayout Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="1" VerticalOptions="End" HorizontalOptions="Start" Margin="10">
  <Label Text="{Binding title}" FontFamily="{StaticResource BoldFont}" StyleClass="titlesqr"/>
  <Label Text="{Binding subtitle}" FontFamily="{StaticResource NormalFont}" StyleClass="textsqr"/>
  </StackLayout>

      </Grid>
   </DataTemplate>
</BindableLayout.ItemTemplate>

我怎样才能把行/列/columnspan信息来实现这个视图?

4

0 回答 0