ListBox显示图片的一些问题

相关:http://t.csdnimg.cn/xTnu8

显示图片的方案就是:自定义一个Photo类,里面有属性Source;View再绑定ViewModel中的Photo集合,再到View中给ListView设置数据模板

关键点:这样做很容易忘记写数据模板

数据模板可以写成下面这样:

XML 复制代码
<DataTemplate DataType="{x:Type local:Photo}">
    <StackPanel>
        <Image Source="{Binding Source}"/>
    </StackPanel>
</DataTemplate>

-- 将这个数据模板放到Window.Resources中也会起作用的,即使ListBox中绑定的是一个Photo类型的集合。

没有数据模板前

添加数据模板后:

如果想要这些图片横向排列,就得设置ItemsPanel

XML 复制代码
<ListBox.ItemsPanel>
    <ItemsPanelTemplate>
        <WrapPanel HorizontalAlignment="Center" IsItemsHost="True"/>
    </ItemsPanelTemplate>
</ListBox.ItemsPanel>

这个时候的显示效果为:

相关推荐
我的炸串拌饼店1 小时前
火山方舟API C#服务类设计解析
c#·调用火山方舟api
尾善爱看海1 小时前
不常用的浏览器 API —— Web Speech
前端
weixin_402486341 小时前
在adobe illustrator 上写latex code 显示数学公式 安装 LaTeX2Illustrator
ui·adobe·illustrator
美酒没故事°2 小时前
vue3拖拽+粘贴的综合上传器
前端·javascript·typescript
观无2 小时前
visionPro图像预处理
c#
不绝1913 小时前
C#核心:继承
开发语言·c#
jingling5553 小时前
css进阶 | 实现罐子中的水流搅拌效果
前端·css
Knight_AL4 小时前
用 JOL 验证 synchronized 的锁升级过程(偏向锁 → 轻量级锁 → 重量级锁)
开发语言·jvm·c#
xiaobaishuoAI4 小时前
分布式事务实战(Seata 版):解决分布式系统数据一致性问题(含代码教学)
大数据·人工智能·分布式·深度学习·wpf·geo
悟能不能悟5 小时前
前端上载文件时,上载多个文件,但是一个一个调用接口,怎么实现
前端