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 分钟前
Python协程的演进:从yield到async/await的完整历史
java·前端·python·async·yield·await·codecapsule
驳是41 分钟前
TS 项目升级 React 18 到 19 的一些事情
前端·react.js·typescript
禁止摆烂_才浅1 小时前
React - 【useEffect 与 useLayoutEffect】 区别 及 使用场景
前端·react.js
5***o5001 小时前
React安全
前端·安全·react.js
喵个咪1 小时前
Qt 6 实战:C++ 调用 QML 回调方法(异步场景完整实现)
前端·c++·qt
F***c3252 小时前
React自然语言处理应用
前端·react.js·自然语言处理
1***Q7842 小时前
React项目
前端·javascript·react.js
幸福专买店2 小时前
【Flutter】flutter 中 包裹内容显示 的设置方式
前端·javascript·flutter
꧁༺℘₨风、凌๓༻꧂2 小时前
C# MES .NET Framework Winform 单元测试
单元测试·c#·.net
和和和3 小时前
🗣️面试官: 那些常见的前端面试场景问题
前端·javascript·面试