公告 欢迎您,我的朋友,目前开放免费注册,注册登录后查看更多内容!开通会员送积分,相应文档随便看,积分充值登录后个人中心内按需充值!

无边框卡片控件CardBorderless

CardBorderless 是一个简洁美观的无边框卡片控件,适合用于信息展示、内容卡片等场景。具有圆角、阴影、标题、More按钮等特性,易于与背景融合。

CardBorderless 无边框卡片控件

控件名称

CardBorderless

中文名称

无边框卡片控件

控件优点

CardBorderless 是一个简洁美观的无边框卡片控件,适合用于信息展示、内容卡片等场景。具有圆角、阴影、标题、More按钮等特性,易于与背景融合。

image.png

主要特性

  • 无边框设计:简洁现代的无边框样式,易于融入各种背景
  • 圆角支持:可自定义圆角半径
  • 阴影效果:支持显示/隐藏阴影
  • 标题区域:可显示/隐藏标题,支持自定义样式
  • More按钮:支持显示More链接按钮,带点击事件
  • 内容区行高:支持自定义内容文本行高
  • 分隔线:标题与内容之间可显示分隔线

重要参数说明

标题属性

属性名 类型 默认值 说明
CardTitle string "Card title" 卡片标题文本
ShowTitle bool true 是否显示标题
TitleFont Font Microsoft YaHei 12pt Bold 标题字体
TitleColor Color 51, 51, 51 标题颜色
TitleHeight int 40 标题区域高度
TitlePadding Padding 16, 12, 16, 8 标题区域内边距

More按钮属性

属性名 类型 默认值 说明
ShowMore bool true 是否显示More按钮
MoreText string "More" More按钮文本
MoreFont Font Microsoft YaHei 10pt More按钮字体
MoreColor Color 24, 144, 255 More按钮颜色
MoreHoverColor Color 64, 169, 255 More按钮悬停颜色

外观属性

属性名 类型 默认值 说明
CornerRadius int 8 圆角半径(0-30)
CardBackColor Color White 卡片背景色
ShowShadow bool true 是否显示阴影
ShowDivider bool true 是否显示标题分隔线
DividerColor Color 240, 240, 240 分隔线颜色
FollowGlobalTheme bool true 是否跟随全局主题(暗/亮模式)

该文档需要「文档会员」身份

请先登录后继续阅读。