在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

超好用!虛擬鍵盤+中文輸入——Air722金牛座大屏開發板LVGL控件

合宙LuatOS ? 2022-07-14 09:30 ? 次閱讀

大屏開發,一個Air722金牛座開發板就夠了!

聚焦行業應用,助力快速開發——合宙基于Air722大屏模組已陸續推出農業大棚可視化DTU、空調控制器、智能電動車中控方案汽車充電樁自助售貨機、數據采集控制器UI參考等大屏應用解決方案。

本期特別介紹最新中文輸入法控件,文末更多驚喜彩蛋!

1

金牛座LVGL中文輸入法控件


Air722金牛座系列項目采用LVGL7.1作為開發用戶界面程序的GUI框架,高度自定義頁面,開發簡便快捷。

金牛座LVGL中文輸入法控件——lvgl.chs_keyboard是在lvgl.keyboard基礎上編寫的一個自定義控件,增加了支持中文輸入法(拼音)的功能。虛擬鍵盤+中文輸入法,進一步拓寬LVGL開發的控件類型,應用開發更便捷。

4031cdf8-02e5-11ed-9302-dac502259ad0.gif

4011d71e-02e5-11ed-9302-dac502259ad0.gif

如何使用中文輸入法控件


一、創建鍵盤

通過 lvgl.chs_keyboard_create可以創建鍵盤,如果不需要復制操作,那么第二個參數則為nil:

--創建鍵盤

chs_keyboard_obj = lvgl.chs_keyboard_create(cont,nil)

二、鍵盤模式

可以通過chs_keyboard_set_mode設置鍵盤模式和樣式:

-- 設置鍵盤模式

lvgl.chs_keyboard_set_mode(chs_keyboard_obj,lvgl.CHSKB_MODE_QWERTY)

三、事件控制

想要演示鍵盤的輸入效果,則需要創建一個文本框,然后通過 chs_keyboard_set_textarea 將鍵盤與文本框控件綁定:

-- 與輸入框綁定

lvgl.chs_keyboard_set_textarea(keyboard,textarea)

設置文本框控件的一個點擊回調函數,當文本框被點擊的時候創建一個鍵盤,同時將鍵盤的輸入綁定到文本框。當鍵盤點擊確定或者取消時,就銷毀鍵盤,在下次點擊的時候重新創建。

示例代碼如下:

手機橫屏/上下滑動查看完整代碼:

function lvgl_UiDesigner_DefOutCb(o,e,output) --關聯函數
if e==lvgl.EVENT_CLICKED then
lvgl.obj_set_hidden(output,false)
lvgl.chs_keyboard_set_textarea(output,o)
elseif e==lvgl.EVENT_DEFOCUSED then
elseif e==lvgl.EVENT_VALUE_CHANGED then
sys.publish("UI_EVENT_IND",o,e)
end
end

local text_area_obj = lvgl.textarea_create(cont,nil) --創建一個文本框
lvgl.obj_set_size(text_area_obj,280,58) --設置尺寸
lvgl.obj_set_click(text_area_obj,true)
lvgl.textarea_set_text(text_area_obj,"") --設置文本默認內容
lvgl.obj_align(text_area_obj,cont,lvgl.ALIGN_IN_TOP_LEFT,100,100) --設置與容器的相對位置

local chs_keyboard_obj = lvgl.chs_keyboard_create(cont,nil) --創建一個鍵盤
lvgl.obj_set_size(chs_keyboard_obj,400,300) --設置尺寸
lvgl.chs_keyboard_set_mode(chs_keyboard_obj,lvgl.CHSKB_MODE_QWERTY) --設置鍵盤樣式
lvgl.obj_set_click(chs_keyboard_obj,true)

-- 默認隱藏中文輸入法控件,點擊輸入框顯示中文輸入法控件
lvgl.obj_set_hidden(chs_keyboard_obj,true)

-- 與輸入框綁定
lvgl.chs_keyboard_set_textarea(chs_keyboard_obj, text_area_obj)
local outputCb = function(o, e)
lvgl_UiDesigner_DefOutCb(o, e, chs_keyboard_obj)
end
lvgl.obj_set_event_cb(text_area_obj, outputCb)
lvgl.obj_set_event_cb(chs_keyboard_obj, lvgl_UiDesigner_DefInCb)
lvgl.obj_align(chs_keyboard_obj, parent_cont, lvgl.ALIGN_IN_TOP_LEFT, 20, 277)

是不是很簡便呢~快來試試吧

最新demo鏈接:
https://gitee.com/openLuat/Luat_Lua_Air724U/tree/master/product/%E9%87%91%E7%89%9B%E5%BA%A7%E5%BC%80%E5%8F%91%E6%9D%BF/1.widgets/single/keyborard

2

更多驚喜即將開啟


硬件設計省錢可靠,軟件開發省時高效——只需一個Air722UG-NMM Cat.1模塊,搭載LuatOS系統,既能輕松聯網,又能直接驅動最大1024*600分辨率(未來有可能支持更大分辨率)的顯示屏。

4011d71e-02e5-11ed-9302-dac502259ad0.gif

合宙LuatOS大屏開發動態


5寸金牛座開發板:

已上架合宙官方淘寶店鋪,正在熱銷:
淘寶一店:luat.taobao.com
淘寶二店:openluat.taobao.com

7寸金牛座開發板:
正在緊鑼密鼓地生產,敬請期待;

10.1寸顯示方案:

可以采用"7寸金牛座開發板+10.1寸裸屏"搭配的方式來開發調試;

413e311e-02e5-11ed-9302-dac502259ad0.png

更多產品支持:
未來還有支持1920*1080分辨率的產品面世。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • 開發板
    +關注

    關注

    25

    文章

    5465

    瀏覽量

    101613
收藏 人收藏

    評論

    相關推薦
    熱點推薦

    瑞芯微RK3506開發板必備之LVGL應用開發手冊,深圳觸覺智能出品

    SDL送顯。目前RK3506平臺可支持SDL送顯。本文基于觸覺智能RK3506星閃開發板進行演示,配套RK3506核心(3核A7@1.5GHz+M0@200MHz多
    的頭像 發表于 04-27 19:31 ?210次閱讀
    瑞芯微RK3506<b class='flag-5'>開發板</b>必備之<b class='flag-5'>LVGL</b>應用<b class='flag-5'>開發</b>手冊,深圳觸覺智能出品

    雷卯收集虛擬現實VR開發板

    虛擬現實VR開發板明細如下: 如下是VR開發板介紹: VR是一種通過計算機生成的三維虛擬環境,用戶可以通過視覺、聽覺等感官進行互動的技術,其核心理念在于打破傳統信息呈現的界限,通過多樣
    的頭像 發表于 04-01 20:54 ?161次閱讀
    雷卯收集<b class='flag-5'>虛擬</b>現實VR<b class='flag-5'>開發板</b>

    RK3506開發板2秒啟動LVGL顯示方案

    占用很少資源的前提下,實現絲滑的動畫效果和平滑滾動的高級圖形,具有輕量化、跨平臺可用性、易于移植、操作友好以及免費使用等諸多優勢。 OK3506J-S開發板移植了最新9.2版本的LVGL,支持多種屏幕構件以及鼠標、鍵盤、觸摸等多
    的頭像 發表于 02-25 16:53 ?379次閱讀
    RK3506<b class='flag-5'>開發板</b>2秒啟動<b class='flag-5'>LVGL</b>顯示方案

    2秒啟動!飛凌嵌入式RK3506開發板LVGL顯示方案,讓界面炫起來

    近期,飛凌嵌入式為OK3506J-S開發板移植了最新9.2版本的LVGL,支持多種屏幕構件以及鼠標、鍵盤、觸摸等多種輸入方式, 能夠帶來更加友好的操作界面;同時,啟動速度也大幅提升,經
    的頭像 發表于 01-10 10:52 ?781次閱讀
    2秒啟動!飛凌嵌入式RK3506<b class='flag-5'>開發板</b><b class='flag-5'>LVGL</b>顯示方案,讓界面炫起來

    4G通信先鋒:Air780EP開發板與RC522的結合

    最近,一直有朋友問我Air780EP開發板RC522, 今天抽空給大家展示一下示例: 本文檔適用于Air780EP開發板 關聯文檔和使用工具
    的頭像 發表于 10-29 14:29 ?396次閱讀
    4G通信先鋒:<b class='flag-5'>Air</b>780EP<b class='flag-5'>開發板</b>與RC522的結合

    干貨分享:Air780E開發板如何使用?

    ? 一、概述 CORE-AIR780E 開發板是合宙通信推出的基于 Air780E 模組所開發的,包含電源,SIM 卡,USB,天線,音頻等必要功能的最小硬件系統。以方便用戶在設計前期
    的頭像 發表于 10-25 17:46 ?718次閱讀
    干貨分享:<b class='flag-5'>Air</b>780E<b class='flag-5'>開發板</b>如何使用?

    如何使用Air780E開發板?看這篇就夠了!

    ? 一、綜述 CORE-AIR780E 開發板是合宙通信推出的基于 Air780E 模組所開發的,包含電源,SIM 卡,USB,天線,音頻等必要功能的最小硬件系統。以方便用戶在設計前期
    的頭像 發表于 10-23 17:07 ?1329次閱讀
    如何使用<b class='flag-5'>Air</b>780E<b class='flag-5'>開發板</b>?看這篇就夠了!

    Air780E開發板使用,一文解密!

    ? 一、概述 CORE-AIR780E 開發板是合宙通信推出的基于 Air780E 模組所開發的,包含電源,SIM 卡,USB,天線,音頻等必要功能的最小硬件系統。以方便用戶在設計前期
    的頭像 發表于 10-23 17:05 ?882次閱讀
    <b class='flag-5'>Air</b>780E<b class='flag-5'>開發板</b>使用,一文解密!

    合宙4G模組Air780E開發板使用手冊

    合宙開發板Air780E使用說明
    的頭像 發表于 09-09 18:22 ?1298次閱讀
    合宙4G模組<b class='flag-5'>Air</b>780E<b class='flag-5'>開發板</b>使用手冊

    合宙LuatOS開發板Core_Air780EP使用說明

    Core-Air780EP 開發板是合宙通信推出的基于 Air780EP 模組所開發的,包含電源,SIM卡,USB,天線,音頻等必要功能的最小硬件系統。以方便用戶在設計前期對
    的頭像 發表于 09-03 17:38 ?951次閱讀
    合宙LuatOS<b class='flag-5'>開發板</b>Core_<b class='flag-5'>Air</b>780EP使用說明

    合宙低功耗4G模組Air700EAQ——開發板使用說明

    合宙低功耗4G模組Air700EAQ——開發板使用說明
    的頭像 發表于 08-30 17:14 ?1439次閱讀
    合宙低功耗4G模組<b class='flag-5'>Air</b>700EAQ——<b class='flag-5'>開發板</b>使用說明

    合宙LuatOS開發板使用手冊——Air700EAQ

    本文詳細講解了Air700EAQ開發板的使用說明。
    的頭像 發表于 08-28 14:37 ?786次閱讀
    合宙LuatOS<b class='flag-5'>開發板</b>使用手冊——<b class='flag-5'>Air</b>700EAQ

    合宙LuatOS開發板使用手冊——Air700ECQ

    合宙LuatOS開發板使用說明——Air700ECQ
    的頭像 發表于 08-23 16:28 ?849次閱讀
    合宙LuatOS<b class='flag-5'>開發板</b>使用手冊——<b class='flag-5'>Air</b>700ECQ

    機智云ESP8266開發板RGB彩燈控件

    隨著智能家居技術的迅猛發展,RGB彩燈控件正逐漸成為現代家庭不可或缺的一部分。在這一潮流中,機智云(Gizwits)的ESP8266開發板RGB彩燈控件以其先進的物聯網技術和多樣化的燈光控制功能,為
    的頭像 發表于 08-09 08:10 ?652次閱讀
    機智云ESP8266<b class='flag-5'>開發板</b>RGB彩燈<b class='flag-5'>控件</b>

    基于合宙Air780E開發板集成ec11旋轉編碼器實例

    一個基于Air780E開發板,集成ec11旋轉編碼器的實例。
    的頭像 發表于 08-08 10:13 ?1058次閱讀
    基于合宙<b class='flag-5'>Air</b>780E<b class='flag-5'>開發板</b>集成ec11旋轉編碼器實例
    主站蜘蛛池模板: 日韩特级毛片免费观看视频 | 欧美大片xxxxbbbb | 日韩在线视频一区二区三区 | 久久精品免视看国产成人2021 | 亚洲一区不卡视频 | 亚洲欧美高清在线 | 天天综合在线观看 | 免费黄色a视频 | 在线综合网 | 午夜影院免费版 | 特级全黄一级毛片免费 | 有坂深雪在线 | 成人免费看毛片 | 欧美 ed2k| 亚洲最大的成人网 | 种子在线搜索bt | zsvdy午夜片 爱爱456高清国语在线456 | 久久国产热视频 | 天天干天天草天天射 | 人人艹在线视频 | 日本在线亚洲 | 91大神网址 | 最近高清免费观看视频 | 手机看片日韩1024 | 最新亚洲人成网站在线影院 | 久久亚洲一级毛片 | 亚洲欧美精品一区二区 | 久久亚洲欧美成人精品 | 思思99re66在线精品免费观看 | 日本一区视频在线观看 | 噜噜色小说 | 免费黄色一级片 | 性videofree极品另类 | 亚洲午夜影视 | 高h肉宠文1v1男男 | 99热.com| 99久久久免费精品免费 | 夜色爽爽 | 奇米视频在线观看 | 综合色区 | 18男女很黄的视频 |