交互入门必看!数字看点产品教学第四课:视频及开关按钮,零基础也能学会!
本节课是KDPlus企业级数字孪生应用开发平台产品教学第4课,今天的课程内容包括开关按钮和视频控件教学。
开关按钮教学
按钮是设计界面中常用且重要的控件之一,它在页面中占据的位置不大,却承载着重要的交互操作。
作用一:触发某种功能
通过操作按钮,触发功能获得相应的反馈和结果,例如:
收起、展开按钮——点击收起展开页面信息
作用二:聚合信息
使用按钮,跳转详情页面,例如:
对于一些说明、隐私政策等等,如果需要展示的内容过多,但又不是当前页面的重点,可以设置一个按钮通过点击触发,可跳转完整的内容详情页。
开关按钮类似于物理世界中灯的开关,切换【开关】会立即生效,适合用于具有对立意义的选项,无需与命令类按钮搭配使用。
在【插入】界面找到【交互】组件,点击【交互】在下拉列表找到【开关按钮】,点击后回到屏幕,在合适的位置点击鼠标左键进行按钮创建;在【数据】栏下,修改“开启状态图片”和“关闭状态图片”,删除“开启状态文字”和“关闭状态文字”;在【交互】栏下,配置“开启状态分组”和“关闭状态分组”,链接对应大屏页面。

视频控件教学
通过视频控件,可在面板内添加项目内监控画面,通过多角度的视频研判,实时查询信息。
首先进入KDPlus【数据图书馆】,找到【视频源】,点击【新增视频】,复制在线url视频链接。回到KDPlus操作界面,在组件栏【多媒体】下点击【视频源】,在【选择视频源】选中需要创建的视频源,在桌面点击鼠标左键,创建视频,通过拖拉拽的方式调整视频画面大小以适应画布尺寸。或在【样式】界面通过XY轴进行精确定位。
