Card View 卡片视图

Goto 数据网格和视图入门

Card View 卡片视图

The Card View displays data records as cards, arranged down and then across. Card fields are always arranged in a single column. The Card View is represented by the CardView class.
Card View (卡片视图) 将数据记录显示为卡片,先向下排列,然后再横向排列。卡片字段始终排列在单个列中。Card View 由 CardView 类表示。
在这里插入图片描述

Features include: 功能包括:

  • Basic card field arrangement (in a single column)
    基本卡字段排列(在单列中)
  • Arrangement of cards down and then across
    卡片向下排列,然后穿过
  • Card sort and filter 卡片排序和筛选
  • Multiple card selection 多卡选择
  • Split presentation mode 拆分演示模式
  • In-place cell editing using various data editors
    使用各种数据编辑器进行就地单元格编辑
  • Runtime card field layout customization (toggle card field visibility)
    运行时卡字段布局自定义(切换卡字段可见性)

Card and Layout Views Card 和 Layout 视图

In Card View (CardView class), data source records are displayed as cards arranged down and then across. The Layout View (LayoutView class) offers more layout modes and is significantly more advanced in terms of features and customization flexibility.
在 Card View(CardView 类)中,数据源记录显示为先向下排列再横向排列的卡片。Layout View (LayoutView 类) 提供了更多的布局模式,并且在功能和自定义灵活性方面明显更先进。

Common Information 通用信息

  • Cards 卡
  • Multiple Card Selection 多张卡选择

Card View 卡片视图

  • Run Demo 运行 Demo
  • Field Captions and Value Cells
    字段标题和值单元格
  • Layout 布局
  • Scrolling 滚动
  • Customization Panel 自定义面板

Layout View 布局视图

  • Run Demo 运行 Demo
  • Layout View 布局视图

Cards 卡

两个视图中的卡都显示带有嵌入式折叠/展开按钮的标题,供用户最小化和恢复卡。如果卡片不适合当前视图高度,用户可以滚动它们。相邻卡片由分隔线在视觉上分隔,允许用户调整卡片大小(仅在卡片视图中)。
在这里插入图片描述

(Card View) (卡片视图)(Layout View) (布局视图)Description 描述
CardOptionsView.ShowCard Caption 视图。显示卡片标题LayoutViewOptionsView.Show布局视图选项视图。显示卡片标题允许您隐藏卡片标题或更改其默认的“记录 N {0}”格式。
CardView.CardCaptionFormat 卡片视图)。卡片字幕格式LayoutView.CardCaptionFormat 布局视图。卡片字幕格式
CardView.CustomCardCaptionImage 自定义卡片标题图像LayoutView.CustomCardCaptionImage 自定义卡片标题图像处理此事件以提供卡片标题的图标。
CardView.VertScrollVisibility 顶点滚动可见性LayoutViewOptionsBehavior.AllowPanCards 允许pan卡当卡片无法垂直适应视图时,用户可以使用嵌入式滚动按钮(Card View)或切换到 Panning 模式(Layout View)来滚动卡片内容。
CardOptionsView.ShowLines x显示线条LayoutViewOptionsView.ShowCardLines 显示卡片线在 Card View 中,这些设置指定卡宽度和卡拆分器的可用性。Layout View 中的卡宽只能在自定义窗口中更改。
CardOptionsBehavior.Sizeable 行为。可观
CardOptionsBehavior.AutoHorzWidth AutoHorzWidth (自动水平宽度)
CardOptionsView.ShowCardExpandButton 按钮LayoutViewOptionsView.ShowCardExpandButton布局视图选项视图。ShowCard Expand按钮允许您禁用或隐藏卡展开/折叠按钮。
CardOptionsBehavior.AllowExpandCollapse 允许展开折叠LayoutViewOptionsBehavior.AllowExpandCollapse 允许展开折叠

Multiple Card Selection 多张卡选择

如果启用了 ColumnViewOptionsSelection.MultiSelect 选项,则用户可以在按下“Ctrl”或“Shift”键的情况下单击卡片,以一次选择多条记录。此外,布局视图还支持选取框选择。
在这里插入图片描述
在代码中,调用 ColumnView.SelectRange 方法手动选择多个卡片,或调用 ColumnView.GetSelectedRows 方法检索所有当前选定的卡片。

Card View: Field Captions and Value Cells 卡片视图:字段标题和值单元格

卡片以 “Caption: Value” 格式显示数据。
在这里插入图片描述

  • A caption displays the GridColumn.Caption property value. To hide the caption, disable the CardOptionsView.ShowFieldCaptions property.
    标题显示 GridColumn.Caption 属性值。若要隐藏标题,请禁用 CardOptionsView.ShowFieldCaptions 属性。
  • A value is the data source value displayed by the in-place editor assigned to the related grid column.
    值是分配给相关网格列的就地编辑器显示的数据源值。
  • You can specify different appearance settings for captions and values with the CardViewAppearances.FieldCaption and CardViewAppearances.FieldValue properties, respectively.
    您可以分别使用 CardViewAppearances.FieldCaption 和 CardViewAppearances.FieldValue 属性为标题和值指定不同的外观设置。

Card View: Layout 卡片视图:布局

Card View 中卡的布局取决于行数和列数、卡大小设置和卡缩进。

Rows and columns 行和列

  • CardView.MaximumCardRows — Allows you to limit the number of card rows.
  • CardView.MaximumCardRows — 允许您限制卡片行数。
  • CardView.MaximumCardColumns — Allows you to limit the number of columns.
  • CardView.MaximumCardColumns — 允许您限制列数。

Card size 卡片大小

  • CardView.CardWidth — 指定默认卡宽度(200 像素)。如果启用了 CardOptionsBehavior.AutoHorzWidth 选项,则卡片会在“MaximumCardColumns”设置限制内水平拉伸以占据 View 的工作区。
  • 卡片高度是根据卡片内容自动确定的 — 卡片垂直拉伸,直到达到最大可用行高(“MaximumCardRows”设置)或当前视图的工作区高度。
  • 如果禁用 CardOptionsView.ShowEmptyFields 选项,则卡片不会显示空值,这可能会导致卡片具有不同的高度。

待续…

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/148420.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

k8s中pod的创建过程和阶段状态

管理k8s集群 kubectl k8s中有两种用户 一种是登录的 一种是/sbin/nologin linux可以用密码登录,也可以用证书登录 k8s只能用证书登录 谁拿到这个证书,谁就可以管理集群 在k8s中,所有节点都被网络组件calico设置了路由和通信 所以pod的ip是可以…

计算机毕业设计springboot+vue高校教学实施评教系统springcloud微服务分布式

目录 功能和技术介绍系统实现截图开发核心技术介绍:使用说明开发步骤编译运行需求分析系统设计软件测试核心代码部分展示详细视频演示源码获取 功能和技术介绍 本项目包含程序源码和MySql脚本和文档,idea开发,支持Eclipse。使用vue的本质是SpringFramework【IoC&am…

linux强制关闭再启动后zookeeper无法启动

1、若开启了zkserver就先关闭zkserver 查看zkserver是否启动 sh zkServer.sh status关闭zkServer sh zkServer.sh stop2、更改conf/zoo.cfg 将这里的启动端口改为2183 3、启动zkServer sh zkServer.sh start4、以2183端口启动zkCli zkCli.sh -server 127.0.0.1:2183这样启…

华为OD机试 - N个选手比赛前三名、比赛(Java 2024 E卷 100分)

华为OD机试 2024E卷题库疯狂收录中,刷题点这里 专栏导读 本专栏收录于《华为OD机试(JAVA)真题(E卷D卷A卷B卷C卷)》。 刷的越多,抽中的概率越大,私信哪吒,备注华为OD,加…

恶意AI大模型的兴起将改变网络安全

LLM 的恶意版本(如 ChatGPT 的黑暗变体)的兴起正在通过使用更复杂和自动化的攻击来升级网络战。 这些模型可以生成令人信服的网络钓鱼电子邮件、传播虚假信息并制作有针对性的社会工程消息。 所有这些非法功能都对在线安全构成了重大威胁,并加…

水果识别系统Python+卷积神经网络算法+人工智能+深度学习+计算机课设项目+TensorFlow+模型训练

一、介绍 水果识别系统。本项目使用Python作为主要编程语言,基于TensorFlow搭建卷积神经网络算法模型,通过对收集到的5种常见的水果(圣女果、梨、芒果、苹果、香蕉)等图片数据集进行训练,最终得到一个识别精度较高的模…

【开源免费】基于SpringBoot+Vue.JS体育馆管理系统(JAVA毕业设计)

本文项目编号 T 048 ,文末自助获取源码 \color{red}{T048,文末自助获取源码} T048,文末自助获取源码 目录 一、系统介绍二、演示录屏三、启动教程四、功能截图五、文案资料5.1 选题背景5.2 国内外研究现状5.3 可行性分析5.4 用例设计 六、核…

Redis发布和订阅

Redis 发布订阅 (pub/sub) 是一种消息通信模式:发送者 (pub) 发送消息,订阅者(sub) 接收消息 可以实现进程间的消息传递。这种模式非常适用于实时消息传递、事件通知和消息分发等场景 Redis可以实现消息中间件MQ的功能,通过发布订阅实现消息…

Qwen2.5 本地部署的实战教程

大家好,我是herosunly。985院校硕士毕业,现担任算法研究员一职,热衷于大模型算法的研究与应用。曾担任百度千帆大模型比赛、BPAA算法大赛评委,编写微软OpenAI考试认证指导手册。曾获得阿里云天池比赛第一名,CCF比赛第二名,科大讯飞比赛第三名。授权多项发明专利。对机器学…

Github 2024-09-23 开源项目周报 Top15

根据Github Trendings的统计,本周(2024-09-23统计)共有15个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目6C++项目3C项目3HTML项目2PowerShell项目1TypeScript项目1JavaScript项目1Blade项目1PHP项目1Bootstrap 5: Web上开发响应式、移动优…

李彦宏最新内部讲话曝光,谈大模型三大认知误区:榜单不代表实力,智能体还是非共识

图片来源:百度 近半年多来,AI行业在经历飞速增长后开始进入冷静期。业内出现了对AI的担忧声音:大模型技术是否已经接近天花板?大模型之间是否没有技术壁垒?闭源模型相对开源模型的优势是什么?AI应用的发展…

遗传算法与深度学习实战(14)——进化策略详解与实现

遗传算法与深度学习实战(14)——进化策略详解与实现 0. 前言1. 进化策略1.1 进化策略原理1.2 将进化策略应用于函数逼近 2. 实现进化策略小结系列链接 0. 前言 进化策略 (Evolutionary Strategies, ES) 是进化计算和遗传方法的扩展,增加了控…

SSM整合步骤

目录 一、Mybatis整合Spring 1、整合后的maven坐标 2、核心配置文件 3、pojo、mapper、service配置 4、单测 二、整合SpringMVC 1、引入springMVC的坐标并配置tomcat 2、核心配置文件 3、controller配置 4、启动项目并测试 SSM SpringMVC Spring Mybatis 整合顺序&#xff1…

动态线程池(六)

动态线程池 AlarmManager报警管理器 AlarmManager的doAlarmAsync AlarmLimiter警报限流器 AlarmCounter警报计数器 checkThreadhole报警阈值检查 NotifyHelper alarm_keys 向notifyItems填充platformIds 初始化通知 刷新通知 NotifyFilterBuilder 同步 拒绝 RejectedAware 三…

【Python学习手册(第四版)】学习笔记24-高级模块话题

个人总结难免疏漏,请多包涵。更多内容请查看原文。本文以及学习笔记系列仅用于个人学习、研究交流。 本来计划中秋发布几篇文章,结果阳了,发烧、头疼、咽疼,修养了近一周,还没好完。希望大家都能有个好身体&#xff0…

【题解】—— LeetCode一周小结38

🌟欢迎来到 我的博客 —— 探索技术的无限可能! 🌟博客的简介(文章目录) 【题解】—— 每日一道题目栏 上接:【题解】—— LeetCode一周小结37 16.公交站间的距离 题目链接:1184. 公交站间的距…

vscode调试配置文件,微软官方

vscode调试配置文件,微软官方 选择对应的文件夹 在readme中找到配置 在vscode中,点击创建launch.json文件 这时在文件夹中会多一个文件 可以愉快的使用调试功能了

《〈妈妈朋友的儿子〉:一场别样的浪漫与成长之旅》

《〈妈妈朋友的儿子〉:一场别样的浪漫与成长之旅》 最近,一部名为《妈妈朋友的儿子》的韩剧,如同一颗闪耀的新星,在影视的天空中绽放出独特的光芒,吸引了众多观众的目光。今天,就让我们一同走进这个充满温情…

多模态论文串讲-学习笔记(上)

入门参考:跟着chatgpt一起学|多模态入门-CSDN博客 学习参考:多模态论文串讲上【论文精读46】_哔哩哔哩_bilibili,强烈推荐这个博主啊,感觉比沐神讲的还要清楚,非常喜欢。 本文介绍只使用transformer encoder的方法&a…

【软件工程】系统流程图

一、定义 二、常用符号 例题 选择题