更新时间:2024-08-20 GMT+08:00
分享

设置AstroZero高级页面翻牌器组件属性

翻牌器组件用于在页面中展示实时数据的变化,在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。

图1 设置翻牌器组件属性

基础

  • 组件标题:设置组件的标题,用于在高级页面显示。
  • 组件名称:设置组件的名称,名称是该组件在页面中的唯一标识。

位置

  • 距离左端:组件到页面左侧的距离,单位为px。
  • 距离顶端:组件到页面顶部的距离,单位为px。
  • 宽度:组件的宽度,单位为px。
  • 高度:组件的高度,单位为px。
  • 堆叠顺序:设置组件层叠显示顺序。组件的堆叠顺序默认都是“1”,数字越大,显示越靠前。当需要让组件置底时,可设置堆叠顺序为“0”。
  • 自适应高度:组件的高度是否随宽度改变。
  • 开启:勾选该按钮,下方可见页面适配功能。
  • 页面适配:勾选页面适配下方的“开启”,表示组件开启自适应高度。该属性使页面其它位于其下方的组件,根据该组件的高度变化自动调整位置,一个页面只支持一个组件。

边框

设置组件的边框样式,支持全边框和角边框两种。

  • 全边框
    • 样式:设置组件边框的样式,如实线、点线、虚线和双实线。
    • 宽度:设置边框的宽度,单位px。
    • 颜色:设置组件边框的颜色。
    • 弧度:设置组件边框四个角的弧度,单位px。
  • 角边框
    • 宽度:设置组件边框的宽度,单位px。
    • 长度:设置组件边框的长度,单位px。
    • 颜色:设置组件边框的颜色。
    • 弧度:设置组件边框四个角的弧度,单位px。
    • 边距:设置组件边框和图表之间的间距,单位px。

背景

  • 样式:设置背景的样式,如普通、居中、拉伸等。
  • 图片链接:为轮播组件添加图片,当前仅支持添加JPG、JPEG、PNG和GIF格式的图片,且每张图片的大小不能超过50MB,尺寸建议使用800 x 800像素。
  • 颜色:设置组件的背景颜色。

高级设置

选中翻牌器组件,单击鼠标右键选择“高级设置”,可设置翻牌器的样式和动作。

图2 翻牌器高级设置
  • 样式设置
    • 数字大小:数字文本的大小。
    • 数字颜色:数字文本的颜色。
    • 数字背景色:数字所占格子的背景颜色。
    • 数字间隔(px):数字之间的间隔距离,取值范围为0~30px。
    • 卡片内边距:整体数字和组件边框的内边距。
    • 字体粗细:数字文本字体的粗细。
    • 显示千分逗号:数值是否显示千分位逗号分隔符。
    • 显示标题:是否显示翻牌器组件的标题。
    • 标题内容:翻牌器组件的标题内容。当打开“显示标题”开关时,该参数才会出现。
    • 标题对齐方式:翻牌器组件的标题对齐方式。当打开“显示标题”开关时,该参数才会出现。
    • 标题颜色:翻牌器组件的标题文本颜色。当打开“显示标题”开关时,该参数才会出现。
    • 标题大小:翻牌器组件的标题文本大小。当打开“显示标题”开关时,该参数才会出现。
    • 显示单位:是否显示翻牌器数字的单位。
    • 单位内容:翻牌器数字的单位文本内容。当打开“显示单位”开关时,该参数才会出现。
    • 单位颜色:翻牌器数字的单位文本颜色。当打开“显示单位”开关时,该参数才会出现。
    • 单位大小:翻牌器数字的单位文本大小。当打开“显示单位”开关时,该参数才会出现。
  • 动画设置
    • 动画类型:翻牌器数字动画类型,支持“普通类型”、“滚动类型”和“翻牌类型”。
    • 动画时间(ms):动画播放的时长,单位为ms。
    • 单次变换间隔(ms):动画单次变换的间隔时长,单位为ms。

相关文档