数字翻牌器是一种用于数字显示的特殊效果组件,常用于大屏设计中以动态展示数据的变化过程。数字翻牌器由若干个数字板组成,每个数字板上包含0~9十个数字中的一个。数字板之间通过一定的动画效果(如翻转、滑动等)进行数字的更新和变化,实现数字的连续显示和滚动更新。
图片

数据的关联

数据的关联和其他组件关联的方式一样,如下图所示:
图片
①:点击进入数据管理页面
②:设置关联的数据集
③:可以设置对数据集做二次界面过滤的条件
④:系统会自动展示对应数据集的字段列表
⑤:设置字段的统计展示指标,如果存在多行数据,可以设置数字汇聚的方式(求和、计数、最大、最小、平均数等)

样式配置

数字翻牌器的设置包括数值字体设置、数字变化效果设置、前后置的符号前后缀等设置、以及标题的设置,如下图所示:
图片
数值设置如下图所示,数值设置包括数字文本样式设置、数字的阴影设置、数字的背景设置
图片
文本设置包括文本的字体大小、字体颜色、切换字体、字体对齐方式、行间距等设置
图片
字体的阴影设置,如下图所示,可以设置阴影的颜色、阴影的模糊度,阴影的偏移位置,x为正数时向右偏移,y为正数时向下偏移,如下图所示2个相同的组件配置,有阴影的 展示出了浮雕式的效果
图片
设置背景样式,可以设置背景不一样的图片(系统提供了部分内置效果,也可以上传图片),数字之间的间距,数字的大小尺寸等
图片
数字翻牌器的效果:跳动、翻转,如下图所示,可以设置数字效果与效果执行的时长。
图片
剩下的配置还包括前置、后者的文本设置,前置的图片效果,文本的标题设置等相关配置内容:
图片
在线demo:http://bi.bctools.cn
gitee地址:https://gitee.com/software-minister/jvs-bi


软件部长
43 声望6 粉丝

软件研发行业老司机,提供些踩坑的经验而已