界面控件DevExpress WPF中文教程:Data Grid——卡片视图设置

DevExpress WPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件的衍伸产品,还是以数据为中心的商业智能产品,都能通过DevExpress WPF控件来实现。

获取DevExpress v24.1正式版下载(Q技术交流:749942875)

卡片设置

卡片视图将数据表示为卡片,卡片表示数据源中的数据记录,卡片在单列中垂直排列数据源字段。

下面的图片突出显示了主要的卡片设置:

  • CardView.FixedSize:获取或设置卡片的宽度(或高度)。默认情况下,自动计算卡片的大小(其宽度或高度取决于布局)以最佳方式显示其内容。因此,不同的卡片可以有不同的大小。为了避免这种情况,并为视图中显示的所有卡片指定相同的大小,请使用FixedSize属性。
  • CardView.MinFixedSize:指定最终用户或在代码中可以调整卡片大小的最小大小。
  • CardView.CardHeaderBinding:获取或设置指定卡片头部内容的绑定。
  • CardView.CardMargin:指定卡片的外边距。
  • CardView.CardHeaderTemplate:指定表示卡片头部的模板。
  • CardView.CardTemplate:指定表示卡片的模板。
  • CardView.CardStyle:指定卡片的样式。
如何绑定卡片头部的数据

这个例子展示了如何在卡片头部中显示产品名称,为此使用CardView.CardHeaderBinding属性。

下图显示了结果:

XAML

XML 复制代码
<dxg:GridControl x:Name="grid">
<!-- -->
<dxg:GridControl.View>
<dxg:CardView CardHeaderBinding="{DXBinding 'RowData.Row.TrademarkName + ` ` + RowData.Row.Name'}"/>
</dxg:GridControl.View>
</dxg:GridControl>
展开和折叠卡片

每张卡片在其标题的左上角显示一个按钮,点击这个按钮可以折叠一张卡片,再次点击这个按钮展开卡片。

卡片视图提供了多种方法,允许您展开/折叠单个卡片,以及所有卡片。这些方法如下:

相关推荐
绿荫阿广7 小时前
互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(五):使用.NET为树莓派开发Wifi配网功能
c#·.net
唐青枫9 小时前
.NET AOT 详解
.net
AI.NET 极客圈14 小时前
.NET 原生驾驭 AI 新基建实战系列(六):Pinecone ── 托管向量数据库的向量数据库的云原生先锋
数据库·人工智能·.net
宝桥南山14 小时前
DeepSeek - 尝试一下GitHub Models中的DeepSeek
microsoft·ai·微软·c#·github·.net
追逐时光者14 小时前
C#/.NET/.NET Core优秀项目和框架2025年5月简报
后端·.net
code bean17 小时前
【WPF】WPF 项目实战:构建一个可增删、排序的光源类型管理界面(含源码)
wpf
沉到海底去吧Go1 天前
【图片识别改名】如何批量将图片按图片上文字重命名?自动批量识别图片文字并命名,基于图片文字内容改名,WPF和京东ocr识别的解决方案
ocr·wpf·图片识别改名·图片识别重命名·图片内容改名
lph19721 天前
自定义事件wpf
wpf
code bean1 天前
【WPF】从普通 ItemsControl 到支持筛选的 ItemsControl:深入掌握 CollectionViewSource 用法
wpf
InCerry1 天前
.NET周刊【5月第4期 2025-05-25】
c#·.net·.net周刊