介紹一下 SquareLine Studio 由 Game-Ever 設計的 lvgl 可視化拖拽式UI編輯器


SquareLine Studio

SquareLine Studio 是一個可視化的拖放式 UI 編輯器,可快速輕松地為嵌入式和桌面應用程序創建漂亮的圖形用戶界面。 SquareLine Studio 針對業余愛好者和專業人士提供便宜且靈活的訂閱計划。

官網: https://squareline.io/

image

酷!但是如何使用?

最近的版本中,官方已經宣布針對個人開發者和社區用戶免費授權。

當編輯好界面后,需要確定下工程導出方式,默認為C/C++工程
image

image

由於筆者平台限制,沒有使用過MicroPython工程,以下默認使用C/C++導出

當點擊工具欄Export按鈕后,有Export File和Export Project兩個選項
image

  • Export File - 導出 ui 文件
    導出工程后,工程目錄下存在一名為ui的文件夾,點擊Export File后選擇該文件夾位置,
    導出后ui文件夾結構如下:
    image

    其中ui.c中操作lvgl元素屬性位置信息,ui_helpers.c中為封裝的一些屬性操作
    此時,使用eclipse打開項目工程,在配置好的情況下,即可直接編譯模擬運行工程。
    如果不知道如何配置的話,可以參考我的另一篇文章:
    LVGL的使用:運行LVGL的PC模擬器例程
    實際上,如果你使用其他模擬環境,例如codeblocks或vs,僅需要將ui文件夾添加到工程即可。


  • Export Project - 導出項目工程
    選擇導出位置后,會在目標位置創建與工程同名的文件夾,其結構如下:
    image
    為標准eclipse工程
    該工程為pc模擬運行工程,基於sdl庫,所以使用前需要注意。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM