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 分钟前
现在的AI热潮,恰恰证明了这个世界就是个草台班子
前端·人工智能·程序员
Striver_3 分钟前
elpis总结——基于koa的elpis-core
前端
阿慧勇闯大前端29 分钟前
在AI时代,再去了解react19新特性还有用吗? 最近总有朋友问我:“现在AI写代码这么厉害了,我写个需求丢给ChatGPT,几秒钟就生成一堆组件,还学新特
前端·react.js
秋水无痕37 分钟前
从零搭建个人博客系统:Spring Boot 多模块实践详解
前端·javascript·后端
陆枫Larry1 小时前
图片预览前先 filter 掉空地址:一个容易忽略的细节
前端
我叫蒙奇1 小时前
rem 适配全过程
前端
陆枫Larry1 小时前
小程序中按固定宽高比展示图片并去除黑边的实现思路
前端
HelloReader1 小时前
Tauri 2.1 新特性自定义 HTTP Headers 配置详解
前端
一点一一1 小时前
从输入URL到页面加载:浏览器多进程/线程协同的完整逻辑
前端·面试
HelloReader1 小时前
Tauri 的安全架构Capabilities 与 CSP
前端