如何将GridView放在多行/列的Grid上?

时间:2019-06-27 06:59:05

标签: xaml uwp

我有一个GridView(每个都包含图像和文本),它使用DataTemplate。通过以下代码,我的网格分为30 grid-rows和40 grid-columns。我附上一张照片来说明我的情况,请检查一下。

<RowDefinition Height="*" />
<RowDefinition Height="*" />

<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>

总共有25个GridView项目(每个image + text)取决于绑定数据。我需要将这25个项目放在3行中,例如每个项目将占据5 grid-rows和4 grid-columns

我的问题是:

(1)如何指定每个GridView项目的位置? 下面的代码将使所有GridView项占据整个应用程序布局,但不要使其与我想要的对齐。

(2)整个布局应支持水平滚动。也就是说,当向左滑动布局时,将显示隐藏在右侧的新图标(图像+文本)。 如何实现?

   <GridView ItemsSource="{x:Bind Skills}" 
              IsItemClickEnabled="True" 
              ItemClick="GridView_ItemClick"
              ItemTemplate="{StaticResource SkillDataTemplate}"
              Grid.Row="0" Grid.RowSpan="30" Grid.Column="0" Grid.ColumnSpan="40"
              >
    </GridView>

enter image description here

0 个答案:

没有答案