0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線(xiàn)課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

LVGL結(jié)合RT-thread快速開(kāi)發(fā)出漂亮GUI的利器GUI-Guider

冬至子 ? 來(lái)源:Jayson_RT ? 作者:Jayson_RT ? 2023-11-14 12:38 ? 次閱讀

GUI-Guider是一種功能強(qiáng)大的軟件,它為用戶(hù)提供了一種簡(jiǎn)單直觀的方式來(lái)創(chuàng)建和設(shè)計(jì)圖形用戶(hù)界面(GUI)。它的主要優(yōu)勢(shì)在于它的易用性和靈活性,讓用戶(hù)能夠快速而高效地創(chuàng)建出令人印象深刻的界面。

首先,GUI-Guider具有直觀友好的用戶(hù)界面,使得即便對(duì)于沒(méi)有編程經(jīng)驗(yàn)的用戶(hù)也可以輕松上手。該軟件提供了豐富的可視化工具和組件庫(kù),用戶(hù)可以直接拖拽和放置這些組件來(lái)構(gòu)建界面,無(wú)需編寫(xiě)復(fù)雜的代碼。這大大減少了學(xué)習(xí)曲線(xiàn),讓用戶(hù)能夠迅速實(shí)現(xiàn)自己的創(chuàng)意。

其次,GUI-Guider具有豐富的定制選項(xiàng),用戶(hù)可以根據(jù)自己的需求來(lái)調(diào)整界面的外觀和功能。軟件提供了多種樣式和主題,用戶(hù)可以自由選擇并進(jìn)行個(gè)性化定制。此外,用戶(hù)還可以通過(guò)設(shè)置事件觸發(fā)器和動(dòng)畫(huà)效果來(lái)增加界面的交互性,使得用戶(hù)體驗(yàn)更加豐富。

另外,GUI-Guider還支持多平臺(tái)的開(kāi)發(fā),用戶(hù)可以輕松地在不同的操作系統(tǒng)上進(jìn)行應(yīng)用程序的創(chuàng)建和部署。無(wú)論是Windows、Mac還是Linux,都可以無(wú)縫地使用GUI-Guider進(jìn)行開(kāi)發(fā)。這種跨平臺(tái)的特性使得開(kāi)發(fā)者能夠更廣泛地為不同用戶(hù)提供服務(wù)。

在使用GUI-Guider時(shí),以下是一些基本步驟和方法:

下載和安裝GUI-Guider軟件。你可以從官方網(wǎng)站或其他可信渠道獲取安裝文件,并按照提示進(jìn)行安裝。

打開(kāi)軟件后,你將看到一個(gè)用戶(hù)友好的界面。你可以開(kāi)始創(chuàng)建新項(xiàng)目或打開(kāi)現(xiàn)有項(xiàng)目。

在項(xiàng)目中,你可以看到一個(gè)組件庫(kù),里面包含了各種常見(jiàn)的GUI元素,如按鈕、文本框、標(biāo)簽等。你可以通過(guò)拖拽和放置這些組件來(lái)設(shè)計(jì)你的界面。

隨后,你可以對(duì)每個(gè)組件進(jìn)行屬性設(shè)置。這包括調(diào)整大小、顏色、字體等。你還可以設(shè)置組件之間的布局和相對(duì)位置。

在界面設(shè)計(jì)好后,你可以進(jìn)一步增加交互性。通過(guò)設(shè)置事件觸發(fā)器,你可以讓按鈕點(diǎn)擊時(shí)觸發(fā)相應(yīng)的操作,如打開(kāi)新窗口、跳轉(zhuǎn)頁(yè)面等。

最后,你可以預(yù)覽和測(cè)試你的界面。GUI-Guider提供了實(shí)時(shí)預(yù)覽功能,你可以隨時(shí)查看你的界面在不同分辨率和設(shè)備上的效果。

這里我簡(jiǎn)單演示一下做一個(gè)登錄UI界面:

首先新建一個(gè)工程,我們選擇模擬器,設(shè)置界面分辨率:480*272,如下圖:

1.jpg

當(dāng)然他里面也有很多漂亮的模板可以直接用,如下圖:

1.jpg

然后界面編輯界面,就和很多UI設(shè)計(jì)類(lèi)似了,包括組件,屬性,代碼,預(yù)覽窗口全都有,如下圖:

1.jpg

然后就是自己添加組件了,我做了一個(gè)簡(jiǎn)單的登錄界面,如下圖:

1.jpg

設(shè)計(jì)完成后,直接點(diǎn)擊導(dǎo)出rt-thread工程,如下圖:

1.jpg

導(dǎo)出后復(fù)制生成的文件夾“custom”和“generated”到rt-thread工程目錄中,然后修改lvgl入口函數(shù)lvgl_thread_entry,如下圖:

1.jpg

另外添加一下頭文件目錄基本就可以編譯下載了,最后在附上模擬器運(yùn)行圖片和在設(shè)備運(yùn)行圖片,如下圖:

1.jpg

2.jpg

總的來(lái)說(shuō),GUI-Guider是一款功能強(qiáng)大又易用的軟件,它為用戶(hù)提供了創(chuàng)建和設(shè)計(jì)GUI界面的簡(jiǎn)便方法。通過(guò)其直觀的用戶(hù)界面和豐富的定制選項(xiàng),用戶(hù)可以輕松地構(gòu)建出令人印象深刻的界面。同時(shí),跨平臺(tái)的支持使得開(kāi)發(fā)者可以更廣泛地為不同用戶(hù)提供服務(wù)。無(wú)論是新手還是經(jīng)驗(yàn)豐富的開(kāi)發(fā)者,都可以從GUI-Guider中受益。

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • 觸發(fā)器
    +關(guān)注

    關(guān)注

    14

    文章

    1995

    瀏覽量

    61011
  • 模擬器
    +關(guān)注

    關(guān)注

    2

    文章

    862

    瀏覽量

    43127
  • GUI
    GUI
    +關(guān)注

    關(guān)注

    3

    文章

    638

    瀏覽量

    39482
  • RT-Thread
    +關(guān)注

    關(guān)注

    31

    文章

    1261

    瀏覽量

    39837
  • LVGL
    +關(guān)注

    關(guān)注

    1

    文章

    79

    瀏覽量

    2887
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    RT-Thread NUC97x 移植 LVGL

    不涉及 rt-thread 驅(qū)動(dòng),但是它是 LVGLrt-thread 的接口。LVGLrt-thread 上運(yùn)行的基石。
    發(fā)表于 07-08 09:37 ?1460次閱讀

    使用GUI Guider工具開(kāi)發(fā)嵌入式GUI應(yīng)用(2)

    GUI Guider本質(zhì)上是一個(gè)方便嵌入式開(kāi)發(fā)者基于LVGL開(kāi)發(fā)GUI應(yīng)用的源碼生成器工具,其作
    的頭像 發(fā)表于 08-16 14:36 ?3283次閱讀
    使用<b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>工具<b class='flag-5'>開(kāi)發(fā)</b>嵌入式<b class='flag-5'>GUI</b>應(yīng)用(2)

    使用GUI Guider工具開(kāi)發(fā)嵌入式GUI應(yīng)用(3)

    本節(jié)講述在GUI Guider中,應(yīng)用各種UI的基本元素,并順利部署到MCU的過(guò)程。在GUI Guider中使用各LVGL的組件時(shí),將會(huì)涉及
    的頭像 發(fā)表于 08-16 14:39 ?2420次閱讀
    使用<b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>工具<b class='flag-5'>開(kāi)發(fā)</b>嵌入式<b class='flag-5'>GUI</b>應(yīng)用(3)

    lvgl移植到RT-Thread Nano后進(jìn)入硬件錯(cuò)誤中斷的原因?

    使用的是RT-Thread Nano的最新版,第一次移植,不知道是不是因?yàn)檫@個(gè)lvgl只能移植到標(biāo)準(zhǔn)版里? 嘗試過(guò)給lvgl的線(xiàn)程分配更大的棧,但是依舊會(huì)卡死在硬件錯(cuò)誤中斷里。但只要把用戶(hù)的ui
    發(fā)表于 07-04 07:40

    RT-Thread/GUI 0.3.0 beta

    RT-Thread/GUI是國(guó)內(nèi)主導(dǎo)開(kāi)發(fā)的實(shí)時(shí)線(xiàn)程操作系統(tǒng)(RT-Thread)中的圖形界面組件,它是和RT-Thread相配套的組件,目前
    發(fā)表于 11-29 14:48

    在基于PC的RT-Thread模擬器上搭建LVGL圖形庫(kù)

    前言RT-Thread 當(dāng)前的版本:4.1.0,通過(guò)簡(jiǎn)單的配置就可以支持最新的LVGL圖形庫(kù),LVGL圖形庫(kù)以軟件包的方式加入工程LVGL 可以認(rèn)為是當(dāng)前開(kāi)源、免費(fèi)的優(yōu)秀
    發(fā)表于 06-13 11:03

    新版RT-Thread GUI Engine在哪?RT-Thread GUI Engine找不到

    新版RT-Thread GUI Engine在哪?RT-Thread GUI Engine找不到
    發(fā)表于 10-21 10:19

    如何使用Gui Guider在imxrt1176 evk上繪制一個(gè)小lvgl列表?

    我正在使用 Gui Guider 在 imxrt1176 evk 上繪制一個(gè)小 lvgl 列表。當(dāng)通過(guò) Gui Guider 在 EVK 上
    發(fā)表于 03-27 06:44

    GUI-GUIDER中,垂平均分配和水平均分配怎么用?

    GUI-GUIDER中,垂平均分配和水平均分配怎么用?
    發(fā)表于 06-08 09:30

    2022 RT-Thread全球技術(shù)大會(huì):RT-Thread軟件包

    RT-Thread在2022年上半年新增幾十個(gè)軟件包:rtt-rust、LuatOS、gui-guider-demo。
    的頭像 發(fā)表于 05-27 14:12 ?1017次閱讀
    2022 <b class='flag-5'>RT-Thread</b>全球技術(shù)大會(huì):<b class='flag-5'>RT-Thread</b>軟件包

    免費(fèi)的GUI Guider又出新版本!看看它為嵌入式圖形開(kāi)發(fā),帶來(lái)哪些新玩法~

    GUI Guider是恩智浦推出的一款用戶(hù)友好的嵌入式圖形應(yīng)用開(kāi)發(fā)工具。它使用開(kāi)源LVGL圖形庫(kù)作為底層圖形引擎,提供可視化所見(jiàn)即所得的拖放UI編輯器,能夠
    的頭像 發(fā)表于 11-25 08:15 ?6976次閱讀

    GUI-Guider生成工程移植MCU

    GUI Guider 是恩智浦為 LVGL 開(kāi)發(fā)了一個(gè)上位機(jī)GUI 設(shè)計(jì)工具,可以通過(guò)拖放控件的方式設(shè)計(jì)
    發(fā)表于 02-22 16:18 ?2次下載

    GUI Guider v1.5.0正式發(fā)布!它為嵌入式圖形開(kāi)發(fā)又帶來(lái)哪些新功能,一起來(lái)探索吧~

    GUI Guider是恩智浦研發(fā)的一款用戶(hù)友好、跨平臺(tái)、支持多語(yǔ)言的嵌入式圖形應(yīng)用開(kāi)發(fā)工具。它是基于開(kāi)源的LVGL圖形庫(kù),提供可視化所見(jiàn)即所得的拖放UI設(shè)計(jì)器,能夠
    的頭像 發(fā)表于 02-24 08:10 ?3205次閱讀

    GUI Guider v1.6.0正式發(fā)布:更多嵌入式HMI開(kāi)發(fā)新功能,等你來(lái)探索!

    設(shè)計(jì)器,能夠快速輕松地為嵌入式應(yīng)用程序開(kāi)發(fā)漂亮、高性能的人機(jī)交互圖形應(yīng)用。 新版本的GUI Guider擴(kuò)展到支持恩智浦的應(yīng)用處理器?,F(xiàn)在
    的頭像 發(fā)表于 08-04 08:05 ?1708次閱讀

    GUI Guider新版本發(fā)布,嵌入式GUI開(kāi)發(fā)體驗(yàn)升級(jí)

    、大小轉(zhuǎn)換和幀率轉(zhuǎn)換。? 下載GUI Guider v1.7.1 GUI Guider是恩智浦研發(fā)的一款用戶(hù)友好、跨平臺(tái)、支持多語(yǔ)言的嵌入式人機(jī)交互應(yīng)用
    發(fā)表于 03-29 09:47 ?1500次閱讀
    <b class='flag-5'>GUI</b> <b class='flag-5'>Guider</b>新版本發(fā)布,嵌入式<b class='flag-5'>GUI</b><b class='flag-5'>開(kāi)發(fā)</b>體驗(yàn)升級(jí)