卡片边框的全局设置与个性化设置
页面属性“卡片边框”是对仪表板的全局设置。
与其对应的是每个具有卡片外观的组件的“卡片外观：整体外观”开启“自定义”之后出现的“卡片边框”属性。
应该以全局设置为主，尽可能让每个卡片组件保持“整体外观”为“页面统一”，仅在必要时才对个别组件做个性化设置，不赘述。
“简易”边框是一种无边框线的状态，以卡片的背景颜色体现了卡片的范围，外加卡片圆角及阴影的修饰。这些相关属性在外观风格的“卡片”分类中可以看到。
系统将科技感的边框视觉效果，抽象成模型并提供可视化的设置，此为“自定义”的卡片边框。
在“边框形状”设置页，可以设置边和角的样式。卡片边框的4条边线与4个角的设置是相互独立的，点击弹窗中卡片边框模型的不同区域，可以切换卡片边框相应的设置目标。
“边框形状”支持的设置项如下所示：
| 设置项 | 功能说明 | ||
|---|---|---|---|
| 边框形状 | 边 | 边型 | 支持设置的边型有：无、直线、单拐弯、双拐弯 |
| 拐弯位置 | 设置拐弯在边框上的相对位置，与单拐弯、双拐弯配合使用 | ||
| 标题栏大拐弯 | 仅上边线支持标题栏大拐弯，可增加拐弯幅度，突显标题文字 | ||
| 线宽 | 设置边线的粗细 | ||
| 翻转 | 可设置边框水平翻转、垂直翻转、水平翻转+垂直翻转 | ||
| 装饰线 | 可在边框上增加一条装饰线，装饰线线宽可设置 | ||
| 自定义装饰线 | 通过编写自定义装饰线描述串，来设置装饰线样式 | ||
| 角 | 角型 | 支持设置的角型有：无、直角、圆角、切角 | |
| 大小 | 设置角半径的大小 | ||
| 线宽 | 设置角线的粗细 | ||
“自定义装饰线描述串”用于绘制不同样式的装饰线。输入描述串时，系统自动进行语法校验，校验不通过会提示错误原因，点击错误提示可以定位到描述串发生错误的位置。
“自定义装饰线描述串”主要由前缀、基本单元、后缀组成，都是键盘可以直接输入的字符。规则如下：
（1）基本单元：是一个象形符号，表示一种形状。支持的象形符号有：一个像素长的空白_（下划线）、一个像素长的长块|（竖线）、一个像素长的斜块/（斜杆）、一个像素长的反斜块\（反斜杆）、空心圆O（大写字母O）、实心圆o（小写字母O）、空心方块=（等号）。
通常，空白_、长块|、斜块/、反斜块\需加上后缀，例如 |6是长度为6个像素的矩形，而空心圆O、实心圆o、空心方块=不需连续绘制，后缀一般省略。
（2）前缀：花括号中填颜色值{#ff0000}，作为基本单元的前缀，表示从此处开始改变颜色，再次使用空花括号{}可以重置为跟随边框颜色。前缀非必须，可以省略。
（3）后缀：正整数或波浪号~作为基本单元的后缀。正整数表示重复次数，波浪号表示尽可能重复。后缀非必须，省略时为1。
（4）小括号( )：可以组合多组象形符号，再添加前缀、后缀。
（5）分号;：拐弯分段标识，与“单拐弯”或“双拐弯”配合使用。
以下为装饰线描述串的示例及说明：
装饰线线宽为5px，描述串输入：/20，效果是一个20个像素长的倾斜块。
装饰线线宽为5px，描述串输入：(/4_4)~，效果是一条由倾斜块组成的虚线。
边型“双拐弯”，拐弯位置“30%，70%”，装饰线线宽为4px，描述串输入：(O_4)3;;(O_4)3，双拐弯的前段和后段各绘制3个空心圆，中间段没有内容。
边型“双拐弯”，拐弯位置“30%，70%”，装饰线线宽为4px，描述串输入：_~(O_4)3;;(_4O)3，双拐弯前段装饰线与后段装饰线左右对称。
边型“双拐弯”，拐弯位置“30%，70%”，装饰线线宽为4px，描述串输入：{#FF0000}_~(O_4)3;;{}(_4O)3，双拐弯前段的空心圆为红色，后段的空心圆跟随边框颜色。
将设置页切换到“边框颜色”，可以设置主色与辅色，主色直接生效，辅色用于模拟发光效果。为了呈现更好的视觉效果，“辅色（强调）”相对于“主色”应更显眼，而“辅色（淡化）”相对于“主色”不应过于突出。
设置弹窗菜单栏上的“导入”、“导出”，可以复用设置结果。
在已设置好自定义卡片边框的环境中，编辑仪表板，打开“自定义卡片边框”弹窗，点击菜单栏上的“导出”按钮，可将已设置的边框“导出到文件”或“导出到样式剪贴板”。
在目标环境中，编辑仪表板，打开“自定义卡片边框”弹窗，点击菜单栏上的“导入”按钮，可“从文件导入”或“从样式剪贴板导入”。
如果是在同一运行环境中自己编辑不同的仪表板，“从样式剪贴板导出/导入”更为方便。如果是跨运行环境或分享给他人，则必须“从文件导出/导入”。
另外，设置弹窗菜单栏上的“应用预置样式”，可以选择系统预置的示例学习参考。
示例一：为一个浅色外观风格的仪表板设计不规则的卡片边框，在卡片标题文字前绘制一个颜色块。
（1）在页面的“卡片边框”属性选择“自定义”模式，再点击“边框自定义”属性编辑控件，打开“自定义卡片边框”弹窗。
（2）设置上边线：边型“单拐弯”，拐弯位置“40%”，开启“标题栏大拐弯”。
（3）装饰线选择“线宽五”，“线宽五”修改为“25px”，输入“自定义装饰线”描述串：{#FFD52E}_5|5。
（4）设置目标切换到右边线：边型“双拐弯”，拐弯位置“40%，80%”，边线“水平翻转”。
（5）切换到“边框颜色”设置页，“主色”、“辅色（强调）”、“辅色（淡化）”分别选择蓝绿色、黄色、蓝色，并设置辅色的显示位置。
（6）点击【确定】，完成设置。
示例二：为一个深色外观风格的仪表板设计卡片边框，上边线绘制两串左右对称的斜块作为装饰，四个角的角型为“切角”。
（1）在页面的“卡片边框”属性选择“自定义”模式，再点击“边框自定义”属性编辑控件，打开“自定义卡片边框”弹窗。
（2）设置上边线：边型“双拐弯”，拐弯位置“30%, 70%”，边线“垂直翻转”。
（3）装饰线选择“线宽五”，默认线宽4px不修改，输入“自定义装饰线”描述串：_~(\4_4)5;;(_4/4)5。
（4）设置目标依次切换到四个角，将四个角的角型都设置为“切角”。
（5）切换到“边框颜色”设置页，“主色”、“辅色（强调）”分别选择深蓝色、薄荷绿，并设置辅色的显示位置。
（6）点击【确定】，完成设置。
“自定义（贴图）”是以图片来展现卡片边框。
当对外观细节要求严苛，而且有专业美工设计师参与的前提下，可以考虑用贴图的自定义边框。新的版本，轻分析图片库的云素材，也为此设计了众多的参考案例，其中的边框图片可以直接适用于此。
实际图片尺寸与大大小小的卡片不一致怎么办？边框会不会变形？不必担心，系统将以“九宫格”的方式解决问题。
使用到的图片，必须符合四个角落可固定，中间的边线可伸缩的规则。而且在设置的过程中，必须定义好四个角落的尺寸。这样，在呈现时，系统将会把图片“切”出四个角落保持固定，并伸缩中间的部分，使边框不变形。
如果由美工设计师自行创造边框图片，应该考虑按“九宫格”的缩放规则进行设计。