WPF ListBox设置多行多列

最新推荐文章于 2024-08-16 18:04:50 发布
最新推荐文章于 2024-08-16 18:04:50 发布
阅读量584 收藏
点赞数 2
分类专栏： WPF：xaml标签 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SJ15630070060/article/details/136642054
版权
本文介绍了如何在WindowsPresentationFoundation(WPF)中使用ListBox控件展示图片数据，通过ItemsSource绑定集合，设置UniformGrid列行布局，并使用DataTemplate展示图片和标题。
摘要由CSDN通过智能技术生成 

<ListBox ItemsSource="{Binding UriSource}" HorizontalContentAlignment="Center">
    <!---设置行、列-->
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <UniformGrid Columns="5" Rows="2"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel> 
    <!--绑定数据-->
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Vertical" HorizontalAlignment="Center">
                <Image Name="image" Source="{Binding picUrl}" Width="180" Height="230" HorizontalAlignment="Center"  > </Image>
                <TextBlock HorizontalAlignment="Center" TextWrapping="WrapWithOverflow" Text="{Binding headline}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

UriSource（集合）：id（图片ID）、picUrl（图片路径）、headline（图片标题）

SJ15630070060
关注
专栏目录
WPF listbox实现多列显示数据
01-17 981
一.每行显示固定列数 <ListBox ItemsSource="{Binding DataList}" Style="{DynamicResource ListBoxStyle}" ScrollViewer.HorizontalScrollBarVisibility="Disabled" > <ListBox.ItemsPane...
ListBox 实现多行多列定制内容显示
L.的博客
12-12 4059
效果如图 关键代码 <ListBox Name="imageListBox" ItemsSource="{Binding }" Width="{Binding ElementName=listBoxShowImages,Path=Width,Mode=OneWay}" Loaded="imageListBox_Loaded"> <ListBox.ItemsPanel> <ItemsPanelTemplate>
WPF—常用控件、属性、事件、详细介绍
最新发布
qq_3517289697的博客
08-16 2503
WPF（Windows Presentation Foundation）是微软推出的基于Windows 的用户界面框架，属于.NET Framework 3.0的一部分。它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面。
WPF listbox实现多列展示数据如此简单
noel的专栏
05-24 7723

wpf中listView多列显示
weixin_33862993的博客
05-31 894
今天在项目中遇到需要分列显示数据列表，记录一下做法： 代码 1<ListViewBorderThickness="0"Margin="10,0,0,0"Name="myNewListview"Background="Transparent"ScrollViewer.VerticalScrollBarVisibility="Hidden"ItemsSou...
ListBox多列显示,原来比较简单
weixin_30906425的博客
10-11 8519
数据库的表中,如果有多个列要现实,而对应的是ListBox控件,一般情况下,ListBox是单列显示的, 例如 ListBox1.DataSource = dbcenter.accessGetDataSet(sql);ListBox1.DataTextField = "grade";ListBox1.DataValueField = "grade";...
WPF DataGrid多表头/列头，多行头，合并单元格，一列占据多行
weixin_33755557的博客
08-30 2573
原文:WPF DataGrid多表头/列头，多行头，合并单元格，一列占据多行  先上效果图： 思路说明：这是两个DataGrid，没有嵌套，位置和高度保持一致，在加上ScrollViewer滚动条，这就像是在一个DataGrid中。 缺点： 因为最外层有透明的Border，所以没有办法去点击任何一个单元格，也选中不了。 也可以将最层的Border去掉，但是这样一来，鼠标便不能在窗体的...
WPF 列表控件数据源绑定多个数据集合方法
lindexi
05-22 2239
在 WPF 用的多的列表控件如 ListBox 或 ListView 等，本文告诉大家在这些列表控件上进行绑定多个数据集合来源的多个实现方法。如有一个显示动物列表的控件，需要绑定的数据来源是阿猫和阿狗两个 ObservableCollection 列表，不在后台代码编写合并集合的代码情况下，可以通过 XAML 的编写，绑定多个数据集合 准备 在开始之前，咱先搭建一点测试使用的代码，假定咱有一个...
WPF表格控件动态表头
u012915597的博客
12-02 680
WPF表格控件动态表头 表格最方便的地方就是可以绑定数据源列表直接用来显示数据，但如果表头是不固定的就不太好实现这个，我这里采用的是动态类加动态插入表头的方法来实现，其中动态类的关键代码如下： public class DynamicReportDataModel : DynamicObject { private string propertyName; ...
VB中的ListBox多列显示实例
03-06
VB环境中的ListBox多列显示实例源码，以多列的方式显示ListBox中的数据内容，多了 解一种技巧是不多余的。
可以显示多行内容的ListBox
01-16
该工程实现了可以显示多行内容的ToolTip的ListBox，继承CWnd实现了一个自定义的ToolTip类，再继承CListBox实现了一个自定义的ListBox类
delphi Listbox多列显示
06-07
Listbox具有使用简单的特点，但因为没有多列显示，而不得不用Listview等别的控件，本文的方法可以很简单实现Listbox多列显示功能。里面有源码，截图，和实现说明。
多列自定义listbox.rar(有效果图)
09-15
多列自定义listbox.rar(有效果图),鉴于塞班的没落，特免费提供给大家。
wpf ListBox分组
05-03
wpf ListBox分组，可以展开与折叠
WPF控件样式和模板手册
07-01
- **创建多行TextBox控件**：通过设置`AcceptsReturn`属性。 - **检测TextBox中的文本何时更改**：监听`TextChanged`事件。 - **在TextBox控件中启用制表符**：设置`AcceptsTab`属性。 - **获取文本行集合**：...
WPF自定义ListBox（二）
weixin_34072857的博客
12-09 165
Helloj2ee的自定义ListBox（一），虽然很用心，但看出来反响不强烈。只能这一篇再给力一点。虽然评论很少，但是也看出一些讯息。 讯息之一，就是Helloj2ee的WPF看不懂。的确在这里写的不是基本的东西，而是对其WPF的相关基础概念掌握了之后，才能看的一个系列。自定义控件在《葵花宝典——WPF自学手册》一书中，是放到第六卷——华山之巅，足见其高阶。因此Helloj2ee在后面列出的参...
WPF-控件-将ListBox条目水平排列
weixin_30645617的博客
02-25 941
<Grid Margin="6"> <ListBox> <!--ItemsPanel--> <ListBox.ItemsPanel> <ItemsPanelTemplate> &lt...
WPF ListBox设置列
05-25
可以使用 WPF 中的 ListView 控件来实现设置列的效果，ListView 控件允许你通过 GridView 来定义列。以下是一个简单的示例： ```xml ``` 在这个示例中，我们使用了一个 ListView 控件，并设置了它...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值