上周分享了线下开发面板,今天给大家分享下嵌入式面板有哪些通用组件。 话不多说,直接进入正题。首先找到嵌入式面板在位置。进入开放平台,点击面板开发-应用面板 我们先来创建一个嵌入式面板,看里面到底有哪些组件。 首先映入眼帘组件的是面板形态。有矩形面板和标签面板两种可选 把矩形面板往右边画框里拖,设置一下描边颜色和描边宽度,就是下图的效果 同理,标签面板拖至画框,给其中一个标签输入内容,设置字体颜色,内容背景色等,就会获得下图的效果 面板形态组件这种大方向的东西确定下来,接下来就是按钮,图片,开关,文字和输入框这些基础元素的组件。 看看按钮这个组件,在不同的设置下,能呈现什么样的效果出来? 开关组件库,又会在不同设置组合下碰撞出什么样的火花?请看下图 其他几个就不一一示范了,我们目前已开源,想要看更多效果的可以自己来体验。 再往下看下控制类组件,该类组件有环形滑条,横滑条,选择器,下拉框,复选框,日历,色环,图片按钮,键盘等等。
(控制类组件)
(组件在画框上展示的效果) 最后是展示类组件,有进度条,加载动画,动画,线,LED等,详见下图 这些展示类组件可在画框上展示如下的效果 以上就是用组件库随便划拉两下做出来的效果,还可以碰撞出N种花色,形式出来,你也可以通过下面的链接亲自来体验哦 爱星物联IoT平台公有云地址(企业版未开放源码): 爱星物联IoT平台社区版(源码仓库): 1、爱星物联社区版后台源码仓库: 2、爱星物联社区版开发平台前端源码仓库: 3、爱星物联社区版云管平台源码仓库:
|