QT C++ 软键盘/悬浮键盘/触摸屏键盘的制作

news2024/10/11 17:39:38

目录

1、前言

2、界面设计

3、英文、数字的输入

4、符号的输入

5、中文的输入

6、中文拼音库的选择

7、其他

8、结语

1、前言

        使用QT C++在带显示器的Linux系统 开发板上(树莓派等)编写操作UI界面时,很多时候都需要一个软键盘来输入文字、符号等(在Windows系统只有少数时候需要用软键盘)。这个时候使用QT自带的软键盘就可能会出现很多显示问题,大小不适、显示文本乱码等等。

    //QT自带的软键盘激活
    QGuiApplication::setAttribute(Qt::AA_EnableHighDpiScaling);//设置为默认键盘
    qputenv("QT_IM_MODULE", QByteArray("qtvirtualkeyboard"));

        当然,这个时候还可以查看你使用的liunx系统是否自带软键盘,你可以启动这个自带的,但是很多情况下还是会出现上面的问题:显示乱码、大小不适。

        最后,我们最佳方案就是自己动手编写一个软键盘,或者在网络上找一个已经实现的例程。但是我在网络上没有找到好用的软键盘例程,都有很大得缺陷,所以还是决定自己编写一个软键盘,这样也对于所对应得项目或者开发板具有更好兼容性。

2、界面设计

        这里建议先在能使用Qt Creator的系统上做好键盘得UI界面,因为在这个官方得编辑编译器中,有对应得UI设计工具界面,这个界面能够快速的做出你需要的界面的模样,并自动生成.ui文件。界面样式就按照手机输入法做一个大概的样子就行了,例如我的:

这里的选词我使用的label,然后结合link标签使用,点击时就可以取出对应的文字了,你也可以使用pushbutton来替代,只要最后能达到目的就行。

3、英文、数字的输入

        英文、数字以及符号的输入很简单,使用pushbutton,在对应的按钮上添加对应的文本,点击该按钮时获取该文本即可进行对应的输入操作,这里按钮很多建议使用Qt中的按钮组类(QButtonGroup)来管理按钮,我使用了两个按钮组来管理对应的输入操作:

    QButtonGroup *bigKey26; //26键
    QButtonGroup *numberKey; //数字键

    bigKey26 = new QButtonGroup(this);//26键按钮组初始化
    connect(bigKey26,SIGNAL(buttonClicked(int)),this,SLOT(bigKey26Slot(int)));
    for (int var = 1; var <= 26; ++var) {
        QPushButton *pushButton = this->findChild<QPushButton *>("bigKeyboardBtn_" + QString::number(var));
        if(pushButton != nullptr){
            bigKey26->addButton(pushButton,var);
        }
    }

    numberKey = new QButtonGroup(this);//数字键按钮组初始化
    connect(numberKey,SIGNAL(buttonClicked(int)),this,SLOT(numberKeySlot(int)));
    for (int var = 0; var <= 9; ++var) {
        QPushButton *pushButton = this->findChild<QPushButton *>("numberKekboard_" + QString::number(var));
        if(pushButton != nullptr){
            numberKey->addButton(pushButton,var);
        }
    }

//26键功能函数,这里有英文,也有中文
void KeyBoardWidget::bigKey26Slot(int id)
{
    QString curBtnText = this->findChild<QPushButton *>("bigKeyboardBtn_" + QString::number(id))->text();
    if(bigKeyLanguagesFlag == 0){/** ********** 英 ***********/
        if(bigKey26UpAndDownFlag == 0){//小
            curBtnText = curBtnText.toLower();
        }else if(bigKey26UpAndDownFlag == 1){//大
            curBtnText = curBtnText.toUpper();
        }
//        this->addTextContentOfLabel(ui->label, "ret1-label", curBtnText);
        this->curFocusWidgetInsertText(curBtnText); //在当前焦点控件光标处添加文本
    }else if(bigKeyLanguagesFlag == 1){/** ********** 中 ***********/
        curBtnText = curBtnText.toLower();
        ui->label_9->setText(ui->label_9->text() + curBtnText);

//        dictRetList = QStringList{"结果1", "结果2", "结果3", "结果4", "结果5", "结果6", "结果7", "结果8", "结果9", "结果10", "结果11", "结果12"};
        dictRetList = pinyinToHanzi(ui->label_9->text());

        this->showDictRetListToLabel(1);
    }
}

//数字键的功能函数
void KeyBoardWidget::numberKeySlot(int id)
{
    QString curBtnText = this->findChild<QPushButton *>("numberKekboard_" + QString::number(id))->text();

    this->curFocusWidgetInsertText(curBtnText);//在当前焦点控件光标处添加文本
}

4、符号的输入

        符号按键的功能比较简单,我使用的是多个信号连接一个槽的机制来管理,区分按钮的方式是使用sender()来获取当前发送信号的按键。这里需要注意的是特殊符号&需要使用&&来转义显示,否则对应的按钮上不会显示,故在处理时需要判断一下。


    connect(ui->numberKekboardPoint, &QPushButton::clicked, this, &KeyBoardWidget::on_symbolBtn_clicked);
    for (int var = 1; var <= 40; ++var) {
        QPushButton *curSymbolBtn = this->findChild<QPushButton *>("symbolBtn_" + QString::number(var));
        if(curSymbolBtn != nullptr){
            connect(curSymbolBtn, &QPushButton::clicked, this, &KeyBoardWidget::on_symbolBtn_clicked);
        }
    }

void KeyBoardWidget::on_symbolBtn_clicked()
{
    QPushButton *curSymbolBtn = qobject_cast<QPushButton *>(sender());
    if(curSymbolBtn != nullptr){
        QString curSymbolStr = curSymbolBtn->text();
        if(curSymbolStr.isEmpty()){
            return;
        }
        if(curSymbolStr == "&&"){
            curSymbolStr = "&";
        }
        this->curFocusWidgetInsertText(curSymbolStr);
    }
}

5、中文的输入

        在软键盘的编写中,这个是最费时间的,也不是说多难,难的是找到一个可使用的开源的中文拼音库,很难找找了好几天才找到。找到拼音库后,移植到自己的代码中进行拼音的输入,这里我用了一个label来显示中文的拼音,然后从这里获取,如上在英文的输入中已有获取方式。

    if(bigKeyLanguagesFlag == 1){/** ********** 中 ***********/
        curBtnText = curBtnText.toLower();
        ui->label_9->setText(ui->label_9->text() + curBtnText);

//        dictRetList = QStringList{"结果1", "结果2", "结果3", "结果4", "结果5", "结果6", "结果7", "结果8", "结果9", "结果10", "结果11", "结果12"};
        dictRetList = pinyinToHanzi(ui->label_9->text());

        this->showDictRetListToLabel(1);
    }

这里我已经将拼音库的使用封装为函数pinyinToHanzi(),传入拼音即可返回对应的汉字列表。获取到汉字列表后,使用showDictRetListToLabel()函数来更新显示,这个函数将列表以5为单位分页,传入的数字即显示的页码。前面说过,我的结果显示在label中的,所以使用link事件来获取对应的文字和事件,设置链接函数如下:

void KeyBoardWidget::setTextContentOfLabel(QLabel *label, QString linkStr, QString text)
{
    label->setText(QString("<a href = '%1' style=\"text-decoration: none;\" style=\"color: white;\">%2</a>").arg(linkStr).arg(text));
}

6、中文拼音库的选择

        这里可以选择libpinyin或者googlepinyin,前者在Linux系统上使用很方便,直接使用apt下载即可,后者需要下载源码自行进行引用。注意的是libpinyin在Windows系统上使用起来很麻烦,建议使用googlepinyin。

libpinyin下载方式:

Ubuntu/Debian:
sudo apt-get install libpinyin-dev
Fedora:
sudo dnf install libpinyin-devel

源码下载:https://github.com/libpinyin/libpinyin

googlepinyin下载:

https://github.com/aron566/google_pinyinim

下载完成后,他们在github中都有使用示例 ,照着用就可以,不需要额外的什么,但是要注意词库的路径要正确。

7、其他

再补充几个关键点:

//防止当前窗口获取焦点,导致输入控件丢失
this->setWindowFlags(this->windowFlags() | Qt::FramelessWindowHint | Qt::WindowStaysOnTopHint | Qt::Tool | Qt::WindowDoesNotAcceptFocus);
//获取当前焦点在哪个控件
curFocusWidget = QApplication::focusWidget();
//判断焦点控件是否是QLineEdit 类型
if (QLineEdit *lineEdit = qobject_cast<QLineEdit *>(curFocusWidget)) {
    curText = lineEdit->text();
} 
//清除当前焦点,关闭键盘的时候会用到
if(curFocusWidget != nullptr){
    curFocusWidget->setFocusPolicy(Qt::ClickFocus);
    curFocusWidget->clearFocus();
    curFocusWidget = nullptr;
}
//多label链接一个link事件槽
connect(curlabel, &QLabel::linkActivated, this, &KeyBoardWidget::on_label_1_linkActivated);
//使用libpinyin获取的结果格式const char *word
retList.append(QString(word));
//使用googlepinyin获取的结果格式ime_pinyin::char16 buf[256]
retList.append(QString::fromUtf16(buf));

8、结语

        关于其他的布局或功能实现、结果获取后放入目标控件等等,就不过多赘述了,还有问题请留言,最后放一张我的效果图片:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2205375.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

施工进度可视化:提升项目管理透明度

图扑施工可视化通过直观的数据展示&#xff0c;使项目各方能够实时了解进度和资源分配&#xff0c;识别潜在问题&#xff0c;提高沟通效率&#xff0c;优化决策流程&#xff0c;确保项目按时、高效、安全地推进。

22个IT运维领域黄金证书 每一个都含金量极高!

**1、阿里云认证&#xff1a;**阿里云提供多个层次的认证&#xff0c;包括ACA&#xff08;助理工程师&#xff09;、ACP&#xff08;专业工程师&#xff09;和ACE&#xff08;专家工程师&#xff09;&#xff0c;涵盖了云计算、大数据、云安全、人工智能等多个领域。 **2、ITS…

【text2sql】基于上下文文学习的MCS-SQL框架在Spider和BIRD取得了新SOTA

论文标题 “MCS-SQL: Leveraging Multiple Prompts and Multiple-Choice Selection For Text-to-SQL Generation” &#xff0c;发表于2024.5的arXiv。 1.摘要解读 研究背景&#xff1a;大型语言模型&#xff08;LLMs&#xff09;在文本到SQL&#xff08;Text-to-SQL&#xf…

Python中的help()函数引发错误:追踪错误并提供解决方案

Python 中的 help() 函数通常用于交互式帮助&#xff0c;它可以显示关于模块、类、函数、方法、关键字等的文档说明。一般情况下&#xff0c;help() 函数不会引发错误&#xff0c;但如果你在使用时遇到问题&#xff0c;可能与以下几种常见情况有关。 1、问题背景 在使用 Pytho…

宝藏推荐:精选十款知识库搭建软件

当今这个信息爆炸的时代&#xff0c;高效地管理和利用知识成为了各行各业追求的目标。无论是企业内部的协作&#xff0c;还是对外提供的信息服务&#xff0c;一个强大的知识库都是不可或缺的。为了帮助大家更好地守护和利用知识宝藏&#xff0c;以下是精选的十款知识库搭建软件…

新版 Notepad++ 下载与安装教程

一、软件准备&#xff1a;麻烦点我 二、双击下载好的 notepad 软件进行安装&#xff0c;选择 “简体中文”。 三、默认 “下一步” 安装。 四、单击 “我接受” 按钮。 五、自定义安装位置&#xff0c;个人建议安装在 D 盘。 六、选择组件&#xff0c;默认 “下一步”。 七、勾…

FFmpeg的简单使用【Windows】

目录 一、视频生成图片 静态图片 转码过程 动态图片gif 二、图片生成视频 三、FFmpeg常用参数命令 3.1 主要参数 3.1.1、-i 3.1.2、-f 3.1.3、-ss 3.1.4、-t 3.2 音频参数 3.2.1、-aframes 3.2.2、 -b:a 3.2.3、-ar 3.2.4、-ac 3.2.5、-acodec 3.2.6、-an 3…

《大规模语言模型从理论到实践》第一轮学习--分布式训练

基础知识 5分钟看懂电脑硬件配置 - 知乎 (zhihu.com) 显存 定义&#xff1a;显存是显卡上的专用高速缓存&#xff0c;用于存储图形处理器&#xff08;GPU&#xff09;在处理图像和视频数据时所需的临时数据。 功能&#xff1a;显存的主要作用是提供GPU快速访问的数据存储&a…

从桌面运维转到网络安全后,我是怎样成为大厂高级网络安全工程师

我的第一份工作是桌面运维&#xff0c;我的上一份工作是大厂高级网络安全工程师。 很多人都不知道网络安全工程师是具体做什么的&#xff0c;今天就来给大家细细说下。 网络安全工程师是保护信息系统和网络免受破坏、攻击或非法访问的专业人员。他们的工作内容主要包括以下几个…

poi通过在word中写入了表格,通过libreoffice转换成PDF后,word中刚才画的表格宽度无限拉伸问题的解决。

一、复现: poi版本: <poi>3.17</poi><poi-ooxml>3.17</poi-ooxml><poi-ooxml-schemas>3.17</poi-ooxml-schemas><dependency><groupId>org.apache.poi</groupId><artifactId>poi</artifactId><versio…

单例模式和读者写者问题

文章目录 10. 线程安全的单例模式10.1 什么是设计模式10.2 什么是单例模式10.3 单例模式的特点10.4 饿汉方式和懒汉方式10.5 单例模式的线程池 11. STL和智能指针的线程安全 问题11.1 STL中的容器是否是线程安全的?11.2 智能指针是否是线程安全的? 12. 其他常见的各种锁13. 读…

【Linux】来查看当前系统的架构

使用 uname 命令 uname -m 使用 arch 命令 arch 查看 /proc/cpuinfo 文件 查找 model name 或 Processor 字段。 cat /proc/cpuinfo 使用 lscpu 命令 lscpu

linux线程 | 线程的控制

前言&#xff1a;本节内容为线程的控制。在本篇文章中&#xff0c; 博主不仅将会带友友们认识接口&#xff0c; 使用接口。 而且也会剖析底层&#xff0c;带领友友们理解线程的底层原理。 相信友友们学完本节内容&#xff0c; 一定会对线程的控制有一个很好的把握。 那么&#…

算法:反转链表

一、题目描述 给定单链表的头节点 head &#xff0c;请反转链表&#xff0c;并返回反转后的链表的头节点。 二、解题思路 1.迭代法 原始链表中&#xff0c;每个结点的 next 指针都指向后一个结点。反转链表之后&#xff0c;每个结点的 next 指针都指向前一个结点。因此&…

Unity UndoRedo(撤销重做)功能

需求 撤销与重做功能 思考 关于记录的数据的两点思考&#xff1a; 记录操作记录影响显示和逻辑的所有数据 很显然这里就要考虑取舍了&#xff1a; 记录操作 这种方案只需要记录每一步的操作&#xff0c;具体这个操作要怎么渲染和实现出来完全需要自己去实现&#xff0c;这…

怎么下载安装yarn

安装 npm install --global yarn 是否安装成功 yarn -v Yarn 淘宝源安装&#xff0c;分别复制粘贴以下代码行到黑窗口运行即可 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao.org/di…

免杀对抗—python分离免杀无文件落地图片隐写SOCK管道

前言 之前就基本把所有语言都讲了一遍了&#xff0c;C/C&#xff0c;Java&#xff0c;python&#xff0c;golang&#xff0c;汇编。今天就开始讲免杀的技巧以及手法&#xff0c;分离免杀之前讲过一点&#xff0c;就是通过http或者参数获取shellcode&#xff0c;今天把其他的分…

ppt压缩文件怎么压缩?压缩PPT文件的多种压缩方法

ppt压缩文件怎么压缩&#xff1f;当文件体积过大时&#xff0c;分享和传输就会变得困难。许多电子邮件服务对附件的大小有限制&#xff0c;而在网络环境不佳时&#xff0c;上传和下载大文件可能耗时较长。此外&#xff0c;在不同设备上播放时&#xff0c;较大的PPT文件还可能导…

Chromium HTML attribute与c++接口对应关系分析

<a href"https://www.w3school.com.cn" target"_blank">访问 W3School</a>前端这些属性定义在html_attribute_names.json5文件中&#xff1a; third_party\blink\renderer\core\html\html_attribute_names.json5 html_attribute_names.json5…

【前端碎片记录】大文件分片上传

大文件分片上传&#xff0c;主要是为了提高上传效率&#xff0c;避免网络问题或者其他原因导致整个上传失败。 HTML部分没什么特殊代码&#xff0c;这里只写js代码。用原生js实现&#xff0c;框架中可参考实现 // 获取上传文件的 input框 const ipt document.querySelector(…