LVGL编写自定义控件：中文输入法

已于 2024-03-22 09:26:18 修改
阅读量291 收藏 1
点赞数 3
分类专栏： # LVGL编写自定义控件 文章标签： lvgl
于 2024-03-22 09:19:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kenfan1647/article/details/136928635
版权

代码：

#ifndef LV_VIRTUALKEYBOARD_T_H
#define LV_VIRTUALKEYBOARD_T_H

#include "lvgl/lvgl.h"
#include <vector>
#include <string>

struct KeyboardLayout
{
    const char **layout; // 字符串数组的指针
    const lv_btnmatrix_ctrl_t *controls; // 控制结构体数组的指针
};

enum KeyboardMode
{
    Lowercase,          //小写模式
    Capital,            //大写模式
    Number,             //数字
    Select,             //选择键盘
    Special_symbols     //特殊符号
};

const int chineseWord_maxSize = 100;

typedef struct
{
    lv_obj_t obj;
    lv_obj_t * editPanel;
    lv_obj_t * chineseCharacterPanel;
    lv_obj_t * chineseCharacterPanel_container;//chineseCharacterPanel的容器，为了使中文太多chineseCharacterPanel显示不下可以滚动
    lv_obj_t * textArea;
    lv_obj_t * inputChineseCharacterLabel;
    std::vector<KeyboardLayout> layouts;
    KeyboardMode keyboardMode;
    bool isChinese;
    lv_style_t chineseCharacterPanel_style_main;
    lv_style_t chineseCharacterPanel_style_item;
    lv_style_t chineseCharacterPanel_container_style;
    std::string inputChineWord;
    const char * inputChineWordArray[chineseWord_maxSize + 1];
} lv_virtualKeyboard_t;

lv_obj_t * lv_virtualkeyboard_create(lv_obj_t * parent);
void lv_virtualKeyboard_set_textarea(lv_obj_t * obj, lv_obj_t * textArea);
void lv_virtualKeyboard_set_keyboardMode(lv_obj_t * obj,KeyboardMode mode);

#endif // LV_VIRTUALKEYBOARD_T_H
#include "lv_virtualkeyboard_t.h"
#include "utf8chinese.h"
#include <iostream>

LV_FONT_DECLARE(lv_font_siyuanheiti16);

#define MY_CLASS &lv_virtualKeyboard_class

#define LV_KB_BTN(width) LV_BTNMATRIX_CTRL_POPOVER | width

void lv_virtualkeyboard_constructor(const lv_obj_class_t * class_p, lv_obj_t * obj);
void lv_virtualkeyboard_destructor(const lv_obj_class_t * class_p, lv_obj_t * obj);
void lv_virtualKeyboard_def_event_cb(lv_event_t *e);
void updateMatchChinaWordList(lv_virtualKeyboard_t * keyboard);
void closeChineseCharacterPanel(lv_virtualKeyboard_t * keyboard);

const lv_obj_class_t lv_virtualKeyboard_class =
{
    .base_class     = &lv_obj_class,
    .constructor_cb = lv_virtualkeyboard_constructor,
    .destructor_cb  = lv_virtualkeyboard_destructor,
    .width_def      = LV_PCT(100),
    .height_def     = LV_PCT(50),
    .group_def      = LV_OBJ_CLASS_GROUP_DEF_TRUE,
    .instance_size  = sizeof(lv_virtualKeyboard_t),
};

lv_obj_t * lv_virtualkeyboard_create(lv_obj_t * parent)
{
    LV_LOG_INFO("begin");
    lv_obj_t * obj = lv_obj_class_create_obj(MY_CLASS, parent);
    lv_obj_class_init_obj(obj);
    return obj;
}

const char * layout_Lowercase_letters[] =
{
    "数字", "q", "w", "e", "r", "t", "y", "u", "i", "o", "p", LV_SYMBOL_BACKSPACE, "\n",
    "大小写", "a", "s", "d", "f", "g", "h", "j", "k", "l", LV_SYMBOL_NEW_LINE, "\n",
    "中/英文", "z", "x", "c", "v", "b", "n", "m", ".", ",", ":", "\n",
    LV_SYMBOL_KEYBOARD, LV_SYMBOL_LEFT, " ", LV_SYMBOL_RIGHT, LV_SYMBOL_OK, ""
};

const char * layout_Capital_letters[] =
{
    "数字", "Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P", LV_SYMBOL_BACKSPACE, "\n",
    "大小写", "A", "S", "D", "F", "G", "H", "J", "K", "L", LV_SYMBOL_NEW_LINE, "\n",
    "中/英文", "Z", "X", "C", "V", "B", "N", "M", ".", ",", ":", "\n",
    LV_SYMBOL_KEYBOARD, LV_SYMBOL_LEFT, " ", LV_SYMBOL_RIGHT, LV_SYMBOL_OK, ""
};

const lv_btnmatrix_ctrl_t ctrl_Lowercase_letters[] =
{
    LV_KEYBOARD_CTRL_BTN_FLAGS | 5, LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_KB_BTN(4), LV_BTNMATRIX_CTRL_CHECKED | 7,
    LV_KEYBOARD_CTRL_BTN_FLAGS | 6, LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_KB_BTN(3), LV_BTNMATRIX_CTRL_CHECKED | 7,
    LV_KEYBOARD_CTRL_BTN_FLAGS | 2 | LV_BTNMATRIX_CTRL_CHECKABLE, LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_BTNMATRIX_CTRL_CHECKED | LV_KB_BTN(1), LV_BTNMATRIX_CTRL_CHECKED | LV_KB_BTN(1), LV_BTNMATRIX_CTRL_CHECKED | LV_KB_BTN(1),
    LV_KEYBOARD_CTRL_BTN_FLAGS | 2, LV_BTNMATRIX_CTRL_CHECKED | 2, 6, LV_BTNMATRIX_CTRL_CHECKED | 2, LV_KEYBOARD_CTRL_BTN_FLAGS | 2
};

const char * layout_number[] =
{
    "1", "2", "3", LV_SYMBOL_KEYBOARD, "\n",
    "4", "5", "6", LV_SYMBOL_OK, "\n",
    "7", "8", "9", LV_SYMBOL_BACKSPACE, "\n",
    "+/-", "0", ".", LV_SYMBOL_LEFT, LV_SYMBOL_RIGHT, ""
};

const lv_btnmatrix_ctrl_t ctrl_number[] =
{
    LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KEYBOARD_CTRL_BTN_FLAGS | 2,
    LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KEYBOARD_CTRL_BTN_FLAGS | 2,
    LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), 2,
    LV_KEYBOARD_CTRL_BTN_FLAGS | 1, LV_KB_BTN(1), 1, 1, 1
};

const char * layout_select[] =
{
    " ","小写键盘","大写键盘","数字键盘","特殊符号"," ",""
};

const lv_btnmatrix_ctrl_t ctrl_select[] =
{
    LV_BTNMATRIX_CTRL_HIDDEN,LV_KEYBOARD_CTRL_BTN_FLAGS |1,LV_KEYBOARD_CTRL_BTN_FLAGS |1,LV_KEYBOARD_CTRL_BTN_FLAGS |1,LV_KEYBOARD_CTRL_BTN_FLAGS |1,LV_BTNMATRIX_CTRL_HIDDEN
};

const char * layout_special_symbols[] =
{
    "`", "~", "!", "@", "#", "$", "%", "^", "&", LV_SYMBOL_BACKSPACE, "\n",
    "+", "-", "*", "/", "|", "=", ":", "<", ">", "(", ")", "\n",
    "\\", "_", "\"", "'", ".", "?", ";", "{", "}", "[", "]", "\n",
    LV_SYMBOL_KEYBOARD, LV_SYMBOL_LEFT, " ", LV_SYMBOL_RIGHT, LV_SYMBOL_OK, ""
};

const lv_btnmatrix_ctrl_t ctrl_special_symbols[] =
{
    LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_BTNMATRIX_CTRL_CHECKED | 2,
    LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1),
    LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1), LV_KB_BTN(1),
    LV_KEYBOARD_CTRL_BTN_FLAGS | 2, LV_BTNMATRIX_CTRL_CHECKED | 2, 6, LV_BTNMATRIX_CTRL_CHECKED | 2, LV_KEYBOARD_CTRL_BTN_FLAGS | 2
};

void lv_virtualkeyboard_constructor(const lv_obj_class_t * class_p, lv_obj_t * obj)
{
    LV_UNUSED(class_p);
    LV_TRACE_OBJ_CREATE("begin");

    lv_obj_set_size(obj, LV_PCT(100), LV_PCT(55));
    lv_obj_align(obj,LV_ALIGN_BOTTOM_MID,0,0);

    lv_virtualKeyboard_t * virtualKeyboard = (lv_virtualKeyboard_t *)obj;
    virtualKeyboard->chineseCharacterPanel_container = lv_obj_create(obj);
    virtualKeyboard->chineseCharacterPanel = lv_btnmatrix_create(virtualKeyboard->chineseCharacterPanel_container);
    virtualKeyboard->editPanel = lv_btnmatrix_create(obj);
    virtualKeyboard->inputChineseCharacterLabel = lv_label_create(obj);
    virtualKeyboard->textArea = nullptr;
    virtualKeyboard->keyboardMode = KeyboardMode::Lowercase;
    virtualKeyboard->isChinese = false;
    virtualKeyboard->layouts.push_back(KeyboardLayout{layout_Lowercase_letters, ctrl_Lowercase_letters});
    virtualKeyboard->layouts.push_back(KeyboardLayout{layout_Capital_letters, ctrl_Lowercase_letters});
    virtualKeyboard->layouts.push_back(KeyboardLayout{layout_number, ctrl_number});
    virtualKeyboard->layouts.push_back(KeyboardLayout{layout_select, ctrl_select});
    virtualKeyboard->layouts.push_back(KeyboardLayout{layout_special_symbols, ctrl_special_symbols});

    lv_obj_set_style_text_font(virtualKeyboard->editPanel, &lv_font_siyuanheiti16, 0);
    lv_obj_set_style_text_font(virtualKeyboard->chineseCharacterPanel, &lv_font_siyuanheiti16, 0);

    lv_obj_set_size(virtualKeyboard->editPanel, LV_PCT(100), LV_PCT(75));
    lv_obj_set_size(virtualKeyboard->chineseCharacterPanel_container, LV_PCT(100), LV_PCT(15));
    lv_obj_set_height(virtualKeyboard->chineseCharacterPanel, LV_PCT(98));

    lv_obj_align_to(virtualKeyboard->editPanel, obj, LV_ALIGN_BOTTOM_MID, 0, 0);
    lv_obj_align_to(virtualKeyboard->chineseCharacterPanel_container, virtualKeyboard->editPanel, LV_ALIGN_OUT_TOP_MID, 0, 0);

    lv_obj_set_height(virtualKeyboard->inputChineseCharacterLabel,LV_PCT(10));
    lv_obj_align_to(virtualKeyboard->inputChineseCharacterLabel, virtualKeyboard->chineseCharacterPanel_container, LV_ALIGN_OUT_TOP_LEFT, 0, 0);
    lv_label_set_text(virtualKeyboard->inputChineseCharacterLabel,"");

    auto layout = virtualKeyboard->layouts[0];
    lv_btnmatrix_set_map(virtualKeyboard->editPanel,layout.layout);
    lv_btnmatrix_set_ctrl_map(virtualKeyboard->editPanel,layout.controls);

    lv_obj_add_flag(virtualKeyboard->editPanel, LV_OBJ_FLAG_EVENT_BUBBLE);
    lv_obj_add_flag(virtualKeyboard->chineseCharacterPanel,LV_OBJ_FLAG_EVENT_BUBBLE);
    lv_obj_add_flag(virtualKeyboard->chineseCharacterPanel_container,LV_OBJ_FLAG_EVENT_BUBBLE);

    lv_group_remove_obj(virtualKeyboard->editPanel);//有这行才聚焦
    lv_group_remove_obj(virtualKeyboard->chineseCharacterPanel);//有这行才聚焦

    lv_obj_add_event_cb(obj, lv_virtualKeyboard_def_event_cb, LV_EVENT_VALUE_CHANGED, NULL);    
    lv_obj_set_style_base_dir(obj, LV_BASE_DIR_LTR, 0);

    lv_style_init(&virtualKeyboard->chineseCharacterPanel_style_main);
    lv_style_set_pad_all(&virtualKeyboard->chineseCharacterPanel_style_main,1);
    lv_style_set_border_width(&virtualKeyboard->chineseCharacterPanel_style_main,0);
    lv_style_set_bg_opa(&virtualKeyboard->chineseCharacterPanel_style_main,LV_OPA_TRANSP);
    lv_obj_add_style(virtualKeyboard->chineseCharacterPanel,&virtualKeyboard->chineseCharacterPanel_style_main,LV_PART_MAIN);

    lv_style_init(&virtualKeyboard->chineseCharacterPanel_style_item);
    lv_style_set_pad_all(&virtualKeyboard->chineseCharacterPanel_style_item,1);
    lv_obj_add_style(virtualKeyboard->chineseCharacterPanel,&virtualKeyboard->chineseCharacterPanel_style_item,LV_PART_ITEMS);

    lv_style_init(&virtualKeyboard->chineseCharacterPanel_container_style);
    lv_style_set_pad_all(&virtualKeyboard->chineseCharacterPanel_container_style,0);
    lv_obj_add_style(virtualKeyboard->chineseCharacterPanel_container,&virtualKeyboard->chineseCharacterPanel_container_style,LV_PART_MAIN);
    lv_obj_set_scroll_dir(virtualKeyboard->chineseCharacterPanel_container,LV_DIR_LEFT | LV_DIR_RIGHT);//可以左右滚动
    lv_obj_set_scrollbar_mode(virtualKeyboard->chineseCharacterPanel_container,LV_SCROLLBAR_MODE_OFF);

    for (int i = 0; i < chineseWord_maxSize; ++i)
    {
        virtualKeyboard->inputChineWordArray[i] = "";
    }
    virtualKeyboard->inputChineWordArray[chineseWord_maxSize] = "";
    lv_btnmatrix_set_map(virtualKeyboard->chineseCharacterPanel, virtualKeyboard->inputChineWordArray);
}

void lv_virtualkeyboard_destructor(const lv_obj_class_t * class_p, lv_obj_t * obj)
{
}

void lv_virtualKeyboard_set_textarea(lv_obj_t *obj, lv_obj_t *textArea)
{
    if(textArea)
    {
        LV_ASSERT_OBJ(textArea, &lv_textarea_class);
    }

    LV_ASSERT_OBJ(obj, MY_CLASS);
    lv_virtualKeyboard_t * keyboard = (lv_virtualKeyboard_t *)obj;

    lv_obj_set_style_text_font(textArea, &lv_font_siyuanheiti16, 0);

    if(keyboard->textArea)
    {
        lv_obj_clear_state(obj, LV_STATE_FOCUSED);
    }

    keyboard->textArea = textArea;

    if(keyboard->textArea)
    {
        lv_obj_add_flag(obj, LV_STATE_FOCUSED);
    }
}

bool isSingleAlpha(const char* str)
{
    if (strlen(str) != 1)
    {
        return false;
    }

    return (isalpha(*str) && isalpha(tolower(*str)));// 输入字符是字母且小写转换后也是字母，符合条件
}

void lv_virtualKeyboard_def_event_cb(lv_event_t *e)
{
    lv_obj_t * obj = lv_event_get_current_target(e);//整个控件

    LV_ASSERT_OBJ(obj, MY_CLASS);

    lv_virtualKeyboard_t * keyboard = (lv_virtualKeyboard_t *)obj;
    lv_obj_t * btnmatrix = lv_event_get_target(e);// 上/下部分的按钮矩阵

    if(btnmatrix == keyboard->editPanel)
    {
        uint16_t btn_id = lv_btnmatrix_get_selected_btn(btnmatrix);
        if(btn_id == LV_BTNMATRIX_BTN_NONE)
            return;

        const char * txt = lv_btnmatrix_get_btn_text(btnmatrix, lv_btnmatrix_get_selected_btn(btnmatrix));
        if(!txt)
            return;

        if(strcmp(txt, LV_SYMBOL_CLOSE) == 0)
        {
            lv_res_t res = lv_event_send(btnmatrix, LV_EVENT_CANCEL, NULL);
            if(res != LV_RES_OK)
                return;

            if(keyboard->textArea)
            {
                res = lv_event_send(keyboard->textArea, LV_EVENT_CANCEL, NULL);
                if(res != LV_RES_OK)
                    return;
            }
            return;
        }
        else if(strcmp(txt, LV_SYMBOL_OK) == 0)
        {
            // lv_res_t res = lv_event_send(btnmatrix, LV_EVENT_READY, NULL);
            // if(res != LV_RES_OK)
            //     return;

            // if(keyboard->textArea)
            // {
            //     res = lv_event_send(keyboard->textArea, LV_EVENT_READY, NULL);
            //     if(res != LV_RES_OK)
            //         return;
            // }
            // return;
        }
        else if(strcmp(txt, LV_SYMBOL_KEYBOARD) == 0)
        {
            lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Select);
            return;
        }
        else if(strcmp(txt, "大小写") == 0)
        {
            if(keyboard->keyboardMode == KeyboardMode::Lowercase)
            {
                lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Capital);
            }
            else if(keyboard->keyboardMode == KeyboardMode::Capital)
            {
                lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Lowercase);
            }
            return;
        }
        else if(strcmp(txt, "数字") == 0)
        {
            lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Number);
            return;
        }
        else if(strcmp(txt, "小写键盘") == 0)
        {
            lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Lowercase);
            return;
        }
        else if(strcmp(txt, "大写键盘") == 0)
        {
            lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Capital);
            return;
        }
        else if(strcmp(txt, "数字键盘") == 0)
        {
            lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Number);
            return;
        }
        else if(strcmp(txt, "特殊符号") == 0)
        {
            lv_virtualKeyboard_set_keyboardMode(obj,KeyboardMode::Special_symbols);
            return;
        }
        else if(strcmp(txt, "中/英文") == 0)
        {
            keyboard->isChinese = !keyboard->isChinese;
            if(!keyboard->inputChineWord.empty())
            {
                closeChineseCharacterPanel(keyboard);
            }
            return;
        }

        if(!keyboard->textArea)
            return;

        if(strcmp(txt, LV_SYMBOL_NEW_LINE) == 0)
        {
            lv_textarea_add_char(keyboard->textArea, '\n');
            if(lv_textarea_get_one_line(keyboard->textArea))
            {
                lv_res_t res = lv_event_send(keyboard->textArea, LV_EVENT_READY, NULL);
                if(res != LV_RES_OK)
                    return;
            }
        }
        else if(strcmp(txt, LV_SYMBOL_LEFT) == 0)
        {
            lv_textarea_cursor_left(keyboard->textArea);
        }
        else if(strcmp(txt, LV_SYMBOL_RIGHT) == 0)
        {
            lv_textarea_cursor_right(keyboard->textArea);
        }
        else if(strcmp(txt, LV_SYMBOL_BACKSPACE) == 0)
        {
            if(keyboard->isChinese)
            {
                if (keyboard->inputChineWord.empty())
                {
                    lv_textarea_del_char(keyboard->textArea);
                }
                else
                {
                    keyboard->inputChineWord.erase(keyboard->inputChineWord.length() - 1);  // 去掉末尾的一个字符
                    updateMatchChinaWordList(keyboard);
                }
            }
            else
            {
                lv_textarea_del_char(keyboard->textArea);
            }
        }
        else if(strcmp(txt, "+/-") == 0)
        {
            uint16_t cur = lv_textarea_get_cursor_pos(keyboard->textArea);
            const char * ta_txt = lv_textarea_get_text(keyboard->textArea);
            if(ta_txt[0] == '-')
            {
                lv_textarea_set_cursor_pos(keyboard->textArea, 1);
                lv_textarea_del_char(keyboard->textArea);
                lv_textarea_add_char(keyboard->textArea, '+');
                lv_textarea_set_cursor_pos(keyboard->textArea, cur);
            }
            else if(ta_txt[0] == '+')
            {
                lv_textarea_set_cursor_pos(keyboard->textArea, 1);
                lv_textarea_del_char(keyboard->textArea);
                lv_textarea_add_char(keyboard->textArea, '-');
                lv_textarea_set_cursor_pos(keyboard->textArea, cur);
            }
            else
            {
                lv_textarea_set_cursor_pos(keyboard->textArea, 0);
                lv_textarea_add_char(keyboard->textArea, '-');
                lv_textarea_set_cursor_pos(keyboard->textArea, cur + 1);
            }
        }
        else if(isSingleAlpha(txt))
        {
            if(keyboard->isChinese)
            {
                keyboard->inputChineWord += tolower(*txt);
                updateMatchChinaWordList(keyboard);
            }
            else
            {
                lv_textarea_add_text(keyboard->textArea, txt);
            }
        }
        else
        {
            lv_textarea_add_text(keyboard->textArea, txt);
        }
    }
    else if(btnmatrix == keyboard->chineseCharacterPanel)
    {
        uint16_t btn_id = lv_btnmatrix_get_selected_btn(btnmatrix);
        if(btn_id == LV_BTNMATRIX_BTN_NONE)
            return;

        const char * txt = lv_btnmatrix_get_btn_text(btnmatrix, lv_btnmatrix_get_selected_btn(btnmatrix));
        if(!txt)
            return;

        lv_textarea_add_text(keyboard->textArea, txt);
        closeChineseCharacterPanel(keyboard);
    }
}

void lv_virtualKeyboard_set_keyboardMode(lv_obj_t * obj,KeyboardMode mode)
{
    LV_ASSERT_OBJ(obj, MY_CLASS);

    lv_virtualKeyboard_t * keyboard = (lv_virtualKeyboard_t *)obj;
    auto layout = keyboard->layouts[mode];
    lv_btnmatrix_set_map(keyboard->editPanel,layout.layout);
    lv_btnmatrix_set_ctrl_map(keyboard->editPanel,layout.controls);
    keyboard->keyboardMode = mode;

    if(!keyboard->inputChineWord.empty())
    {
        closeChineseCharacterPanel(keyboard);
    }
}

void updateMatchChinaWordList(lv_virtualKeyboard_t * keyboard)
{
    std::vector<std::string> vec;
    if(!keyboard->inputChineWord.empty())
    {
        vec = utf8Chinese::getInstance()->getHanziList(keyboard->inputChineWord);
    }

    lv_coord_t wordAllLength{0};
    for(size_t i = 0;i < vec.size();++i)
    {
        const auto & str = vec[i];
        keyboard->inputChineWordArray[i] = str.c_str();
        wordAllLength += (20 * str.size());
    }

    for(size_t i = vec.size();i < chineseWord_maxSize;++i)
    {
        keyboard->inputChineWordArray[i] = "";
    }

    lv_btnmatrix_set_map(keyboard->chineseCharacterPanel, keyboard->inputChineWordArray);

    lv_obj_set_width(keyboard->chineseCharacterPanel,/*std::max(*/wordAllLength/*,LV_HOR_RES)*/);

    for (int i = 0; i < chineseWord_maxSize; ++i)
    {
        lv_btnmatrix_set_btn_ctrl(keyboard->chineseCharacterPanel,i,LV_BTNMATRIX_CTRL_CLICK_TRIG | LV_BTNMATRIX_CTRL_NO_REPEAT);
    }
    lv_label_set_text(keyboard->inputChineseCharacterLabel,keyboard->inputChineWord.c_str());
}

void closeChineseCharacterPanel(lv_virtualKeyboard_t * keyboard)
{
    for (int i = 0; i < chineseWord_maxSize; ++i)
    {
        keyboard->inputChineWordArray[i] = "";
    }
    lv_btnmatrix_set_map(keyboard->chineseCharacterPanel, keyboard->inputChineWordArray);
    keyboard->inputChineWord.clear();
    lv_label_set_text(keyboard->inputChineseCharacterLabel,"");
    lv_obj_scroll_to_x(keyboard->chineseCharacterPanel_container,0,LV_ANIM_OFF);
}
#ifndef UTF8CHINESE_H
#define UTF8CHINESE_H

#include <map>
#include <vector>

class utf8Chinese
{
public:
    static utf8Chinese *getInstance();
    std::vector<std::string> getHanziList(const std::string& pinyin);

private:
    utf8Chinese();
    std::multimap<std::string,std::string> pinyin_map;
};

#endif // UTF8CHINESE_H

使用：

        lv_obj_t *ta = lv_textarea_create(lv_scr_act());
        lv_obj_t * keyBoard = lv_virtualkeyboard_create(lv_scr_act());
        lv_virtualKeyboard_set_textarea(keyBoard,ta);

效果：

有个管理汉字的类太大贴不上来，完整代码免费下载。

友善啊，朋友
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
C#自定义控件：一个简单的圆形按钮源码
12-11
VS2010下，C#自定义控件源代码示例，为一个圆形的Button控件，包括dll和源文件项目
韦东山LVGL，中文输入法
08-22
韦东山LVGL，中文输入法
LittleVgl 合入拼音输入法
wind199的专栏
01-08 978
最近做一个项目要求支持中文输入，因此在lvgl基础集成中文拼音输入法 首先，合入truetype字库，lvgl官网有合入truetype方案，使用的是freetype解析 truetype字库，我们从freetype开源库里拿了一部分与truetype相关的代码，其余代码裁掉了。合入truetype后，就支持中文了字库了。 第二步，合入拼音输入法，把拼音输入转为Unicode，再把Unicode转为utf8，这样就可以输出拼音对应的输入了。 第三步，修改原有的keyboard控件，把相应的
最新LVGL8.3.7版本汉字输入法的使用，使用自定义词典。
wuyouxinghai的博客
07-04 872
添加然后编译通过，为了使用外部自定义字体，将lv_example_ime_pinyin_1和lv_example_ime_pinyin_2里面的字体设置成你生成的字体，词典格式按照：http://lvgl.100ask.net/8.3/others/ime_pinyin.html，里面进行样式设定，注意踩坑地方，词典要是没有字也需要加入，比如{ “i”, “” },我刚开始自定义词典时没有加入，导致i前面h字无法搜索到。访问LVGL官网：https://lvgl.io/，下载最新版8.3.7。
想做输入法界面？安排，LVGL『keyboard键盘控件』介绍
朝气蓬勃
03-03 8540
一. LVGL GUI键盘控件的概念 Keyboard 对象是一个特殊的 Button 矩阵，具有预定义的按键映射和其他功能，以实现虚拟键盘来编写文本。 二. LVGL GUI键盘小部件和样式 类似于按钮 矩阵，键盘包括 2 部分： LV_KEYBOARD_PART_BG 这是主要部分，并使用了所有典型的背景属性 LV_KEYBOARD_PART_BTN 这是按钮的虚拟部分。它还使用所有典型的背景属性和文本属性。 三. LVGL GUI键盘控件的使用 1. 模式(Modes) 键盘有如下模式.
LVGL视频课程更新啦，基于lvgl v8.2版本，课程适配多个平台、多款板子
挨踢民工的博客
12-10 1392
视频教程观看 百问网LVGL(v8)系列课程(韦东山·监制) 教程基于lvgl v8.1版本，课程适配多个平台、多款板子 视频地址：https://www.bilibili.com/video/BV1Ya411r7K2 视频教程配套资料 https://gitee.com/weidongshan/lvgl_100ask_course_materials 学习资源 lvgl官方英文原
LVGL官方+100ASK合力打造的中文输入(拼音输入法)组件，让LVGL支持中文输入！
韦东山嵌入式专栏
07-13 2357
LVGL V8.3 版本支持中文输入(拼音输入法)啦！ LVGL中的中文输入组件称为：lv_ime_pinyin，完全由百问网团队编写而成...
LVGL中文输入法代码
01-17
LVGL中文输入法代码
lvgl显示中文和自定义图标
不咸不要钱
10-21 7321
lvgl 中文显示 和 自定义图标
LVGL配置输入设备（按键）
weixin_46461874的博客
11-11 1822
配置lvgl输入设备（按键）
LVGL学习(1)：中文字体的转换和汉字显示
主要分享硬件、嵌入式软件部分知识
06-03 5605
在使用LVGL的过程中，我们难免需要显示汉字，所以这篇文章就来介绍一下如何转换中文汉字并成功显示到LVGL中。
Win32 API中的自定义控件：滚动
04-04
如何在控件中支持滚动。
Win32 API中的自定义控件：基础知识
04-11
快速介绍简单的Win32 API中的自定义控件的开发。
Android自定义控件：时间轴
12-11
此demo为Android 自定义View实现时间轴，轴的高度可随内容高度自动调整而改变，代码较简单，可供参考
LVGL8.0.1显示中文键盘，运行在QT模拟器上
09-15
LVGL8.0.1显示中文键盘，运行在QT模拟器上
lvgl8.0.1中文拼音输入法(QT仿真完整工程)
06-06
自己用的 适用于单片机的lvgl简单中文键盘拼音输入法，使用QT5.14创建，直接打开即可运行模拟器 如果QT编译提示有错误,尝试在构建设置中重设目录：QT的左边栏-"项目"->"Desktop QT5.14.2 MinGW 32-bit"->"构建设置"->"概要"->"构建目录",填入一个目录，比如“../output”，参考“如有QT编译错误看这里.jpg” GUI: lvgl8.0.1 1. 功能 适用于单片机的中文拼音输入法，创建一个拼音输入的键盘，接受拼音输入，并显示拼音对应的候选字，通过触摸点击选择目标候选汉字，gui平台是lvgl8.0.1。 2. 原理 在lvgl原文件"lv_keyboard.c"基础上进行键盘的改写，新文件名为"lv_cn_keyboard.c"，共同存放于"lvgl\src\extra\widgets\keyboard\"目录下，相关的对外函数名称以"lv_cn_xxx"开头。
Win32 API中的自定义控件：控件自定义
04-04
自定义现有控件的技术概述。
自定义控件：cccc
02-27
定制控制cccc
Qt 编写自定义控件
最新发布
08-23
在 Qt 中编写自定义控件可以让你更好地满足应用程序的需求。下面是一个简单的步骤指南来帮助你开始编写自定义控件： 1. 创建一个新的类：使用继承的方式创建一个新的类，继承自 Qt 的基础控件类，如 QWidget、QFrame、QLabel 等。 2. 定义控件的属性和方法：在你的自定义控件类中添加需要的属性和方法，这些属性和方法将决定控件的行为和外观。你可以通过重新实现基类的方法来改变控件的行为，也可以添加自己的属性来管理控件的状态。 3. 绘制控件：重写基类的绘制事件 paintEvent()，在其中使用 QPainter 绘制你想要的控件外观。你可以绘制图形、文本、图像等来呈现控件的外观。 4. 处理用户交互：重写基类的事件处理函数来响应用户的交互操作，如鼠标点击、键盘输入等。你可以根据需要处理这些事件，并改变控件的状态或触发其他操作。 5. 使用自定义控件：将你的自定义控件添加到你的应用程序中，可以通过布局管理器或手动设置位置和大小来放置你的控件。然后，使用信号和槽机制来处理控件的交互和数据更新。 以上是一个基本的步骤指南，帮助你在 Qt 中编写自定义控件。你可以根据具体需求进一步扩展和完善你的自定义控件。希望对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值