您当前的位置: 首页 > 资讯 >

单片机低代码交互UI制作 - LVGL+Squareline+Arduino平台 学习记录(5)

2023-07-10 00:35:34 来源:哔哩哔哩

各部件特有属性及样式

屏幕部件

主体样式


(资料图片仅供参考)

滚动条样式

Arc - 弧

更像是一个弧形滑动条,同时也可以当弧形进度条使用。

属性参数:

版本设置为反向时鬼畜,背景和指示条用图片时有偏移。

样式中多了一个弧的条目

主体(背景)

指示条(下图蓝色部分)

旋纽

按钮

没什么特殊的东西

图片

属性参数:

样式:

标签

属性参数:

面板容器

和屏幕一样,但是一个可以调整大小的容器,用法与屏幕类似

输入框

属性参数:

主体

被选中

光标

提示文本

日历

属性参数:这个值当前版本没校验,输错会卡死。

样式:(基本改不了)

主体

项目:

选择框

属性参数:只能改个文本

样式:

主体

指示框

色轮

属性参数:

样式:

主体

旋钮

下拉框

属性参数:

样式:

主体

指示箭头

列表主体

列表滚动条

列表选中项

图片按钮

这个控件改变显示图片是由属性参数中的这个按钮状态来决定的,并不是通过样式中的背景图片来改变(也不是不行)

选择资源图片没什么好说的,在上方的Flags(标志)中有一个CHECKED选项,之前没有写太清楚,但我也不知道该怎么翻译,实际效果就是按下后选中状态,普通的按钮松开后会自动弹起,而勾选CHECKED后按下后会处于一个选中状态,直到再次按下按钮后解除。

RELEASED:释放,通常也就是未按下时的初始状态

PRESSED:按下

DISABLED:禁用

CHECKED RELEASED:选中状态

CHECKED PRESSED:选中解除到松开按钮前的中途过渡

CHECKED DISABLED:选中状态+禁用

键盘

目前无中文模式,可以自己搞个同义词字库自己做,通常这也够用了,分为亮、暗两个版本,根据创建时的主题来确定的。

没有找到对应到每个字母、按钮的触发检测,好像除了输入文本、删除、换行等简单操作,其它的需要用自己的程序去判定。

属性参数:Target textarea:目标富文本框(输入框);MODE:模式,键盘的初始模式,实测是可以切换的,不是写死的。

TEXT LOWER:小写字母

TEXT UPPER:大写字母

SPECIAL:特殊文本(符号、数字)

NUMBER:数字键盘

USER:自定义

样式:就那几项,不再复述。

滚动选择器

这东西应该都不陌生,这个目前也不能快速联动,属性参数两个:

Options:条目,每一行是一条

Mode:NORMAL - 普通;INFINITE - 无限循环;

滑动条

宽 > 高是横向,高>宽是纵向。

Mode(模式)有三种:

NORMAL:普通,下图横一

SYMMETRICAL:对称,圆点从零向左右滑动(注:负最小范围,正最大范围)

RANGE:范围,有两个滑动圆点,起始值必须小于结束值(默认的事件目前只返回结束值)

开关

改变的是Checked状态,其它没什么可说的。

进度条

和上面滑动条类似,只不过不能滑动,只是个显示器件。

图表

LINE:折线;BAR:柱状;SCATTER:散点

加载动态图标

上一篇:

民生证券-医药行业周报:聚焦半年报,关注医药创新与中医药-230709

下一篇:

最后一页

x
精彩推送