WPF下实现listview大图标效果

本文展示了一个使用 XAML 实现的简单 UI 布局案例,其中包括 ScrollViewer 和 WrapPanel 的应用,以及多个 Image 控件的展示。通过绑定和设置属性,实现了图片的动态填充与滚动查看功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<ScrollViewer Height="135" HorizontalAlignment="Center" Name="scrollViewer1" VerticalAlignment="Center" Width="221" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Auto" Margin="304,242,253,184"> <WrapPanel Name="wrapPanel" Width="{Binding ElementName=scrollViewer1, Path=Width, Mode=OneWay}"> <Image Height="50" Name="image1" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" /> <Image Height="50" Name="image2" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" /> <Image Height="50" Name="image3" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" /> <Image Height="50" Name="image4" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" /> <Image Height="50" Name="image5" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" /> <Image Height="50" Name="image6" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" /> <Image Height="50" Name="image7" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" /> <Image Height="50" Name="image8" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" /> <Image Height="50" Name="image9" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/-.png" /> <Image Height="50" Name="image10" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/+.png" /> <Image Height="50" Name="image11" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/hand.png" /> <Image Height="50" Name="image12" Stretch="Fill" Width="50" Source="/ImageMarker;component/Images/mouse.png" /> </WrapPanel> </ScrollViewer>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值