嵌入式面板有哪些通用组件?

[复制链接]
查看940 | 回复2 | 2024-11-8 18:01:31 | 显示全部楼层 |阅读模式
上周分享了线下开发面板,今天给大家分享下嵌入式面板有哪些通用组件。
话不多说,直接进入正题。首先找到嵌入式面板在位置。进入开放平台,点击面板开发-应用面板
图片1.png
我们先来创建一个嵌入式面板,看里面到底有哪些组件。
首先映入眼帘组件的是面板形态。有矩形面板和标签面板两种可选
图片2.png
把矩形面板往右边画框里拖,设置一下描边颜色和描边宽度,就是下图的效果
图片3.png
同理,标签面板拖至画框,给其中一个标签输入内容,设置字体颜色,内容背景色等,就会获得下图的效果
图片4.png
面板形态组件这种大方向的东西确定下来,接下来就是按钮,图片,开关,文字和输入框这些基础元素的组件。
图片5.png
看看按钮这个组件,在不同的设置下,能呈现什么样的效果出来?
图片6.png
开关组件库,又会在不同设置组合下碰撞出什么样的火花?请看下图
图片7.png
其他几个就不一一示范了,我们目前已开源,想要看更多效果的可以自己来体验。
再往下看下控制类组件,该类组件有环形滑条,横滑条,选择器,下拉框,复选框,日历,色环,图片按钮,键盘等等。
图片8.png


(控制类组件)


图片9.png
(组件在画框上展示的效果)
最后是展示类组件,有进度条,加载动画,动画,线,LED等,详见下图
图片10.png
这些展示类组件可在画框上展示如下的效果
图片11.png
以上就是用组件库随便划拉两下做出来的效果,还可以碰撞出N种花色,形式出来,你也可以通过下面的链接亲自来体验哦
爱星物联IoT平台公有云地址(企业版未开放源码)
爱星物联开发平台:https://open.iot-aithings.com
爱星物联帮助中心:https://doc.iot-aithings.com
爱星物联IoT平台社区版(源码仓库)
1、爱星物联社区版后台源码仓库:
2、爱星物联社区版开发平台前端源码仓库:
3、爱星物联社区版云管平台源码仓库:

回复

使用道具 举报

大猫的鱼 | 2024-11-12 23:45:01 | 显示全部楼层
回复

使用道具 举报

不错
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则