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>

这个时候的显示效果为:

相关推荐
离&染37 分钟前
vue.js2.x + elementui2.15.6实现el-select滚动条加载数据
前端·javascript·vue.js·el-select滚动加载
inferno43 分钟前
HTML基础(第一部分)
前端·html
kirinlau1 小时前
pinia状态管理在vue3项目中的用法详解
前端·javascript·vue.js
FuckPatience1 小时前
C# 使用内存映射文件实现进程间通信
c#
zhuà!1 小时前
腾讯地图TMap标记反显,新增标记
前端·javascript·vue.js
未知原色1 小时前
web worker使用总结(包含多个worker)
前端·javascript·react.js·架构·node.js
ttod_qzstudio1 小时前
CSS改变图片颜色方法介绍
前端·css
curdcv_po2 小时前
我接入了微信小说小程序官方阅读器
前端·微信小程序
程序员鱼皮2 小时前
什么是 RESTful API?凭什么能流行 20 多年?
前端·后端·程序员
www_stdio2 小时前
让大语言模型拥有“记忆”:多轮对话与 LangChain 实践指南
前端·langchain·llm