如何解决将用户控件列表插入特定的列和行
我有一个包含项列表的用户控件。我想像下面的图片一样显示它们。
网格有4列,但行数取决于项目数。我尝试了“统一网格”和“网格”,但找不到解决方案。
我的XAML
<ItemsControl Grid.Row="1" ItemsSource="{Binding Foods}" >
<ItemsControl.ItemTemplate>
<DataTemplate>
<UniformGrid Width="750" >
<local:FoodItemControl />
</UniformGrid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
当我使用统一网格时,它将垂直显示项目。我的问题有什么解决办法吗?
解决方法
如果您使用水平方向的包装板:
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel Orientation="Horizontal"
这将在面板中从左到右和向下排列内容。
请注意,这是itemspanel模板。就像在容器的模板中一样,该模板将容纳许多用户控件,并按照您的图片进行排列。
在标记中,您有itemtemplate。
itemtemplate仅提供您的用户控件。
<ItemsControl.ItemTemplate>
<DataTemplate>
<local:FoodItemControl Width="200" />
</DataTemplate>
</ItemsControl.ItemTemplate>
似乎不太可能连续需要4个用户控件,每个控件的宽度均为750像素。上面,我的宽度为200,但这只是一个任意的猜测。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。