天天看點

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

使用啟明雲端1.54寸序列槽屏的幾個開發技巧和大家分享一下

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO
啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

WT154-S2MT1是啟明雲端針對市場IOT應用需求,基于樂鑫ESP32-S2與國産芯高效開發平台8ms(http://8ms.xyz)設計開發的一款序列槽屏。

方案采用1.54寸IPS彩屏,分辨率240×240 ,開發闆結構采用最小尺寸多種定位固定方式,支援WIFI,使用者可以通過對開發闆的擴充接口進行序列槽通訊、按鍵、usb攝像頭等功能的開發調試,極大縮短使用者産品開發周期。

方案常被應用于帶屏咖啡機、無葉風扇、吹風機、電磁爐、養生壺、掃地機等智能小家電産品,也可作為傳統段碼屏産品更新首選。

提示:文章寫完後,目錄可以自動生成,如何生成可參考右邊的幫助文檔

文章目錄

  • 目錄
  • 建立項目
  • 編輯UI
  • 邏輯功能編輯
  • 儲存下載下傳
  • 配置燒入工具
  • 燒入及實際效果示範
  • 視訊DEMO

目錄

提示:這裡可以添加本文要記錄的大概内容:

例如:随着人工智能的不斷發展,機器學習這門技術也越來越重要,很多人都開啟了學習機器學習,本文就介紹了機器學習的基礎内容。

提示:以下是本篇文章正文内容,下面案例可供參考

建立項目

a)登入到8ms平台

https://8ms.xyz/appshop

建立好賬号并 登入,進入工作台

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

b)建立項目 :

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

C)選擇目标序列槽屏型号:ESP32-C3-WT154

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

D) 建立場景

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

編輯UI

a)準備好圖檔資源

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

并用畫圖軟體将下載下傳好的圖檔資源整理成 240*240 ( 因為該螢幕分辨率為 240x240)

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

将檔案另存為或者儲存到自己的路徑

b)将修改好的資源導入到8ms平台上

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

c) 設定圖檔控件顯示

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO
啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

d) 可以使用線上編譯預覽

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

e) 編輯其他場景的UI

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

可将disp_1背景顔色設定為 紅色

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO
啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

邏輯功能編輯

積木介紹 :

布局中選擇 積木

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

自定義代碼 中 段外代碼 可以頭檔案和 全局變量及宏定義

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

當開機時 邏輯 積木 , 此積木線上程開始之前便調用,是以此時未啟動UI

是以此積木内代碼執行時并不能顯示

一般執行 初始化, 及軟體定時器代碼

b)設定初始化邏輯

找到基礎硬體中的Preset積木中的 “加載預設序列槽模闆為序列槽”

設定 加載預設序列槽模闆為序列槽0,即初始化序列槽0為與外界通信序列槽

( 序列槽0為燒入序列槽)

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

c)設定擷取序列槽資料并執行 相應代碼,即從序列槽 輸入 “abc” 或者 “a” 便執行顯示場景 “main_screen”

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

d)設定邏輯

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

儲存下載下傳

a) 編譯前需要儲存

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

b) 編譯

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

這裡編譯隻能選擇編譯 需要生成bin檔案和源代碼 時間相較于線上編譯長很多

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

記下每個bin檔案硬體位址

例如 : build/lvgl-demo.bin 0x10000

為下面的燒入做準備

c) 下載下傳好bin檔案

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

配置燒入工具

a) 選擇目标晶片

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

b) 确定好下載下傳的bin檔案及應燒錄的實體位址

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

當bin檔案不存在時如圖檔案目錄标紅

配置為如圖 :

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

燒入及實際效果示範

a) 接口圖

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

b) USB-TTL與C3SI接線圖 :

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO
啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

c) 打開裝置管理器檢視端口

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

d) 上述操作無誤後,下載下傳bin檔案到開發闆

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

c) 重新開機以運作

等待下載下傳完畢後

按下USB-TTL 的EN

或者重新上電

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

d) 使用

配置 序列槽助手

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

從序列槽輸入16進制資料1, 顯示場景main_screen,開始時預設顯示場景main_screen

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

從序列槽輸入16進制資料2, 顯示場景disp_1, 此時該場景中隻有背景色便顯示為背景色 紅

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

從序列槽輸入16進制資料2, 顯示場景disp_2月曆控件

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

從序列槽輸入16進制資料2, 顯示場景disp_3文本控件

啟明雲端1.54寸序列槽屏使用經驗分享目錄建立項目編輯UI邏輯功能編輯儲存下載下傳配置燒入工具燒入及實際效果示範視訊DEMO

視訊DEMO

1.54序列槽屏家電應用

繼續閱讀