ItemsPanel 属性

拼搏现实的明天。 2022-05-20 08:58 23阅读 0赞

ListBox 的ItemsPanel 属性可以指定定义显示各子项的面板的模板。你可以通过定义自己的模板重写ListBox 常见的垂直堆叠式布局。

如果你设置了ItemsPanel 模板为WrapPanel，ListBox 将会有WrapPanel的特性。

在下面的例子中，我们将上一篇中的ListBox 稍作修改。指定ItemsPanel 包含一个WrapPanel。

1.  <Grid>
2.  <ListBox ItemsSource="\{Binding MovieList\}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
3.  <ListBox.ItemTemplate>
4.  <DataTemplate>
5.  <StackPanel Orientation="Vertical">
6.  <Image Source="\{Binding Image\}" Stretch="None"/>
7.  <Label Content="\{Binding TitleWithYear\}"/>
8.  </StackPanel>
9.  </DataTemplate>
10. </ListBox.ItemTemplate>
11. <ListBox.ItemsPanel>
12. <ItemsPanelTemplate>
13. <WrapPanel IsItemsHost="True" Orientation="Horizontal" />
14. </ItemsPanelTemplate>
15. </ListBox.ItemsPanel>
16. </ListBox>
17. </Grid>

可以看到，将ItemsPanel 设置为WrapPanel后，改变窗口的大小，ListBox显示会自动根据窗口大小换行。

[![001][]][001 1]

[![002][]][002 1]

[001]: /images/20220520/560445203c0b47aaa9503ad4ad17bdb1.png
[001 1]: https://2000thingswpf.files.wordpress.com/2011/10/001.png
[002]: /images/20220520/4319ab9eb47342d799f6678080a55baf.png
[002 1]: https://2000thingswpf.files.wordpress.com/2011/10/002.png

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关属性

特别声明一：本文主要学习并整理自51CTO课程`《Vue.js 2.0之全家桶系列视频课程》`，讲师`汤小洋`，跳转链接见文末。特别声明二：本文核心内容全部来自51CT

妖狐艹你老母/ 2023年07月03日 02:35/ 0 赞/ 17 阅读

相关 CSS属性：字体属性和文本属性

本文重要内容 CSS的单位字体属性文本属性定位属性：position、float、overflow等 CSS的单位 html中的单位

太过爱你忘了你带给我的痛/ 2023年06月02日 09:08/ 0 赞/ 126 阅读

相关 dom属性和html属性_HTML属性

dom属性和html属性 Attributes are used to provide additional information of a tag such as it’

妖狐艹你老母/ 2023年03月05日 08:29/ 0 赞/ 13 阅读

相关静态属性-原型属性-实例属性

//对象构造函数 function Atest(name){ //私有属性，只能在对象构造函数内部使用

绝地灬酷狼/ 2022年06月12日 03:51/ 0 赞/ 380 阅读

相关 Template、ItemsPanel、ItemContainerStyle、ItemTemplate

![1361157655_1296.jpg][] Template是指控件的模板它代表的是一个控件的内部结构组成部分（Visual Tree）。如：Butt

爱被打了一巴掌/ 2022年05月20日 08:59/ 0 赞/ 14 阅读

相关 ItemsPanel 属性

ListBox 的ItemsPanel 属性可以指定定义显示各子项的面板的模板。你可以通过定义自己的模板重写ListBox 常见的垂直堆叠式布局。如果你设置了ItemsPa

拼搏现实的明天。/ 2022年05月20日 08:58/ 0 赞/ 24 阅读

相关类属性与实例属性

类属性与实例属性文章目录类属性与实例属性类属性实例属性类属性的陷阱访问属性的优先级顺序

- 日理万妓/ 2022年04月06日 08:26/ 0 赞/ 434 阅读

相关 CSS 属性：Display属性

一、display属性介绍 display 属性规定元素应该生成的框的类型。以下是一些关于display比较常用的属性值： ![在这里插入图片描述][waterma

本是古典何须时尚/ 2022年03月16日 03:06/ 0 赞/ 658 阅读

相关 CSS属性（背景属性）

1.背景属性 ![1468469-20190106144542211-773634552.png][] ![1468469-20190106151658909-166036

た入场券/ 2021年12月24日 01:37/ 0 赞/ 545 阅读

相关 38属性的种种,只读只写属性、自动属性、静态属性、抽象属性、接口属性

□ 只读属性 public class Example \{ string name; public string Name \{

r囧r小猫/ 2021年11月02日 12:38/ 0 赞/ 514 阅读