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>

这个时候的显示效果为:

相关推荐
幸福小宝12 小时前
uniapp 抽屉实现左滑
前端
戳气球的爱玛镇皇后12 小时前
BroadcastChannel 使用总结
前端
戳气球的爱玛镇皇后12 小时前
wps加载项不同窗口间通信
前端
心在飞扬13 小时前
LangGraph 基础知识
前端·后端
Lee川14 小时前
深入浅出JavaScript事件机制:从捕获冒泡到事件委托
前端·javascript
光影少年14 小时前
async/await和Promise的区别?
前端·javascript·掘金·金石计划
恋猫de小郭14 小时前
Flutter 发布官方 Skills ,Flutter 在 AI 领域再添一助力
android·前端·flutter
心在飞扬14 小时前
工具调用出错捕获提升程序健壮性
前端·后端
HelloReader14 小时前
Tauri 命令作用域(Command Scopes)精细化控制你的应用权限
前端
心在飞扬14 小时前
基于工具调用的智能体设计与实现(*)
前端·后端