WPF下实现listview大图标效果

最新推荐文章于 2024-04-03 20:06:31 发布

转载最新推荐文章于 2024-04-03 20:06:31 发布 · 278 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pksniq/archive/2011/04/13/2102934.html

本文提供了一个使用XAML编写的示例代码，展示了如何在一个ScrollViewer中通过WrapPanel布局多个固定大小的图片元素，并使图片数量可以随容器宽度变化而自动换行。

1 < ScrollViewer Height = " 135 " HorizontalAlignment = " Center " Name = " scrollViewer1 " VerticalAlignment = " Center " Width = " 221 " HorizontalScrollBarVisibility = " Hidden " VerticalScrollBarVisibility = " Auto " Margin = " 304,242,253,184 " >
2 < WrapPanel Name = " wrapPanel " Width = " {Binding ElementName=scrollViewer1, Path=Width, Mode=OneWay} " >
3 < Image Height = " 50 " Name = " image1 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/-.png " />
4 < Image Height = " 50 " Name = " image2 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/+.png " />
5 < Image Height = " 50 " Name = " image3 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/hand.png " />
6 < Image Height = " 50 " Name = " image4 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/mouse.png " />
7 < Image Height = " 50 " Name = " image5 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/-.png " />
8 < Image Height = " 50 " Name = " image6 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/+.png " />
9 < Image Height = " 50 " Name = " image7 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/hand.png " />
10 < Image Height = " 50 " Name = " image8 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/mouse.png " />
11 < Image Height = " 50 " Name = " image9 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/-.png " />
12 < Image Height = " 50 " Name = " image10 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/+.png " />
13 < Image Height = " 50 " Name = " image11 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/hand.png " />
14 < Image Height = " 50 " Name = " image12 " Stretch = " Fill " Width = " 50 " Source = " /ImageMarker;component/Images/mouse.png " />
15 </ WrapPanel >
16 </ ScrollViewer >

作者：pksniq 发表于2011-4-13 14:54:00 原文链接

阅读：78 评论：0 查看评论

转载于:https://www.cnblogs.com/pksniq/archive/2011/04/13/2102934.html