可靠的MCU伙伴
Design for Reliability
一、引言
科技發展日新月異，越來越多的家用、商用、工業等產品用上了TFT-LCD彩屏，使用帶來了直觀的體驗，帶來了更多的交互方式，如按鍵、旋鈕，再到近似于手機的屏幕觸控輸入體驗。如中文輸入法則是一大重要的需求，那么如何在SWM34S平臺，基于Synwit UI Creator上位機不同版本的中文輸入法的移植，接下來請跟隨小編一起看看吧。
二、移植步驟
（1）我們提供了基于UI Creator的中文輸入法移植工程，網盤路徑：03.Synwit_UI_Creator 套件（LVGL上位機）/01.DEMO/05.基于UIcreator實現的中文輸入法/swm34s_UICreator_vx.x.x_ChineseInput_yyyymmdd.zip。
由于UI Creator版本的迭代，因此需要用戶自行移植到最新的版本。首先我們先準備好最新版本的UI Creator工程，這里以UI_Creator v5.3.0為例創建一個工程，如圖1。（創建工程的流程詳見《Synwit_UI_Creator屏驅上位機使用手冊》）
圖1
（2）新建工程后，選擇“編輯框”控件，單擊畫布新增控件，設置彈出軟鍵盤為“否”，點擊“測試窗體”，等待仿真器彈出，同時會自動在工程目錄下生成UI文件。如圖2。
圖2
（3）將ui_src同步到keil工程中，同時將ui.bin和字體文件（Must_Copy_to_SpiFlash\
SourceHanSansSC_Regular_16.hmf）燒錄至SPI Flash（或其他外部存儲介質）后。（燒錄外部Flash流程詳見《Synwit_UI_Creator屏驅上位機使用手冊》）
從原舊版本例程中復制lv_chineseinput文件夾（路徑為：lvgl7\lvgl\lvgl\src\lv_chineseinput）到新版本UI Creator配套工程的同名路徑中，并在keil工程中添加該文件，如圖3、4所示：
圖3
圖4
添加后還需要對相應的頭文件進行包含，點擊keil工程中的魔術棒-->C/C++-->Include path，添加如圖5的路徑
圖5
如果遇到如圖6所示的報錯，請找到lv_conf.h中將LV_FONT_SIMSUN_16_CJK的宏置1，如圖7。
圖6
圖7
（4）打開screen001.c（生成的界面c文件），綁定編輯框和中文輸入法鍵盤，設置鍵盤顯示字體等，如圖8所示：
圖8
（5）由于UI Creator默認選擇了空樣式為主題，所以此時的鍵盤樣式為空，會看到沒有邊框，因此，需要復制原工程中lvgl\lvgl\src\lv_themes\lv_theme_empty.c的文件替換到新的工程中，如圖9所示：
圖9
（6）編譯后下載，可以看到中文輸入法已經移植成功啦！
三、定制化需求
根據不同項目的UI風格，默認的樣式不一定能夠滿足所有項目的需求，可以根據不同需求修改鍵盤樣式，例如修改鍵盤的顏色、邊框、字體等。
例如：在分辨率較高的場景，默認鍵盤的字體樣式會偏小，不利于用戶的閱讀和輸入，這時候可能要替換字號更大的字體（hmf生成方式參考《Synwit UI Creator 與LVGL結合應用指引》14. 字體轉換工具），方法如下：在frameword_ready中加載新的字體，并替換默認字體，如下圖10所示
圖10
四、結束語
華芯微特屏驅上位機以所見即所得的界面開發方式，解決了工程師開發過程中復雜的UI布局的難題，今天帶來的中文輸入，豐富了應用場景，可以在不同產品中應用，有需要了解更多，可以在華芯微特論壇（bbs.synwit.cn）中查找開發技術資料或發帖向我們提問，期待您與華芯微特的每一次邂逅
