單片機低代碼交互UI制作 - LVGL+Squareline+Arduino平臺 學習記錄(5)
各部件特有屬性及樣式

屏幕部件

主體樣式

滾動條樣式


Arc - 弧

更像是一個弧形滑動條,同時也可以當弧形進度條使用。
屬性參數(shù):
1.3.0版本設置為反向時鬼畜,背景和指示條用圖片時有偏移。

樣式中多了一個弧的條目

主體(背景)

指示條(下圖藍色部分)

旋紐



按鈕

沒什么特殊的東西

圖片

屬性參數(shù):

樣式:



標簽

屬性參數(shù):



面板容器

和屏幕一樣,但是一個可以調(diào)整大小的容器,用法與屏幕類似

輸入框

屬性參數(shù):

主體

被選中

光標

提示文本


日歷

屬性參數(shù):這個值當前1.3.0版本沒校驗,輸錯會卡死。

樣式:(基本改不了)
主體

項目:



選擇框

屬性參數(shù):只能改個文本

樣式:
主體

指示框



色輪

屬性參數(shù):

樣式:
主體

旋鈕



下拉框

屬性參數(shù):

樣式:
主體

指示箭頭

列表主體

列表滾動條

列表選中項



圖片按鈕

這個控件改變顯示圖片是由屬性參數(shù)中的這個按鈕狀態(tài)來決定的,并不是通過樣式中的背景圖片來改變(也不是不行)

選擇資源圖片沒什么好說的,在上方的Flags(標志)中有一個CHECKED選項,之前沒有寫太清楚,但我也不知道該怎么翻譯,實際效果就是按下后選中狀態(tài),普通的按鈕松開后會自動彈起,而勾選CHECKED后按下后會處于一個選中狀態(tài),直到再次按下按鈕后解除。
RELEASED:釋放,通常也就是未按下時的初始狀態(tài)
PRESSED:按下
DISABLED:禁用
CHECKED RELEASED:選中狀態(tài)
CHECKED PRESSED:選中解除到松開按鈕前的中途過渡
CHECKED DISABLED:選中狀態(tài)+禁用

鍵盤

目前無中文模式,可以自己搞個同義詞字庫自己做,通常這也夠用了,分為亮、暗兩個版本,根據(jù)創(chuàng)建時的主題來確定的。
沒有找到對應到每個字母、按鈕的觸發(fā)檢測,好像除了輸入文本、刪除、換行等簡單操作,其它的需要用自己的程序去判定。

屬性參數(shù):Target textarea:目標富文本框(輸入框);MODE:模式,鍵盤的初始模式,實測是可以切換的,不是寫死的。

TEXT LOWER:小寫字母
TEXT UPPER:大寫字母
SPECIAL:特殊文本(符號、數(shù)字)
NUMBER:數(shù)字鍵盤
USER:自定義

樣式:就那幾項,不再復述。

滾動選擇器


這東西應該都不陌生,這個目前也不能快速聯(lián)動,屬性參數(shù)兩個:
Options:條目,每一行是一條
Mode:NORMAL - 普通;INFINITE - 無限循環(huán);


滑動條

寬 > 高是橫向,高>寬是縱向。

Mode(模式)有三種:
NORMAL:普通,下圖橫一
SYMMETRICAL:對稱,圓點從零向左右滑動(注:負最小范圍,正最大范圍)
RANGE:范圍,有兩個滑動圓點,起始值必須小于結束值(默認的事件目前只返回結束值)


開關

改變的是Checked狀態(tài),其它沒什么可說的。


進度條

和上面滑動條類似,只不過不能滑動,只是個顯示器件。

圖表

LINE:折線;BAR:柱狀;SCATTER:散點








加載動態(tài)圖標
