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>

这个时候的显示效果为:

相关推荐
万物得其道者成5 小时前
前端大整数精度丢失:一次踩坑后的实战解决方案(`json-bigint`)
前端·json
鹏北海6 小时前
移动端 H5 响应式字体适配方案完全指南
前端
柳杉7 小时前
使用AI从零打造炫酷医疗数据可视化大屏,源码免费拿!
前端·javascript·数据可视化
凌云拓界7 小时前
前端开发的“平衡木”:在取舍之间找到最优解
前端·性能优化·架构·前端框架·代码规范·设计规范
zhengfei6118 小时前
【XSS payload 】一个经典的XSS payload
前端·xss
全栈老石9 小时前
手写一个无限画布 #1:坐标系的谎言
前端·canvas
XW01059999 小时前
4-11判断素数
前端·python·算法·素数
J2虾虾9 小时前
Spring Boot中使用@Scheduled做定时任务
java·前端·spring boot
Heo9 小时前
深入React19任务调度器Scheduler
前端·javascript·面试
一枚前端小姐姐10 小时前
Vue3 + Pinia 状态管理,从入门到模块化
前端·vue.js