QtVirtualKeyboard 虚拟键盘美化

源码的界面式样太丑，不符合产品设计风格，所有花了半天时间美化了一下，直接上效果：

1.键盘显示位置和大小修改修改这段代码，让键盘显示宽2/3屏幕，并且处于底部居中

void DesktopInputPanel::show()
{AppInputPanel::show();Q_D(DesktopInputPanel);if (d->view) {QRect rc=QGuiApplication::primaryScreen()->geometry();rc.moveTo(rc.width()*1/6,rc.height()*1/3);rc.setWidth(rc.width()*2/3);rc.setHeight(rc.height()*2/3);repositionView(rc);d->view->show();}
}

2.style.qml修改按钮的式样，修改文字显示颜色，修改底图

keyPanel: KeyPanel {Rectangle {id: keyBackgroundcolor: "#344D61"anchors.fill: parentanchors.margins: keyBackgroundMarginradius: 10BorderImage {id: keyBorderImageborder { left: 30; top: 30; right: 30; bottom: 30 }horizontalTileMode: BorderImage.StretchverticalTileMode: BorderImage.Stretchanchors.fill: parentsource: resourcePrefix + "images/btn_jp.png"}Text {id: keySmallTexttext: control.smallTextvisible: control.smallTextVisiblecolor: "#547A99"anchors.right: parent.rightanchors.top: parent.topanchors.margins: keyContentMargin / 3font {family: fontFamilyweight: Font.NormalpixelSize: 38 * scaleHintcapitalization: control.uppercased ? Font.AllUppercase : Font.MixedCase}}Text {id: keyTexttext: control.displayTextcolor: "#547A99"horizontalAlignment: Text.AlignHCenterverticalAlignment: Text.AlignVCenteranchors.fill: parentanchors.leftMargin: keyContentMarginanchors.topMargin: control.smallTextVisible ? keyContentMargin * 1.2 : keyContentMarginanchors.rightMargin: keyContentMarginanchors.bottomMargin: control.smallTextVisible ? keyContentMargin * 0.8 : keyContentMarginfont {family: fontFamilyweight: Font.NormalpixelSize: 52 * scaleHintcapitalization: control.uppercased ? Font.AllUppercase : Font.MixedCase}}}states: [State {name: "pressed"when: control.pressed//PropertyChanges {//    target: keyBackground//    opacity: 0.75//}PropertyChanges {target: keyTextopacity: 0.5}PropertyChanges {target: keyBorderImagesource: resourcePrefix + "images/btn_jp_pre.png"}},State {name: "disabled"when: !control.enabledPropertyChanges {target: keyBackgroundopacity: 0.75}PropertyChanges {target: keyTextopacity: 0.05}}]}

3.修改按钮大小、间隔，没时间做了，大家可以试试

QtVirtualKeyboard 虚拟键盘美化相关推荐

Qt-Arm交叉编译以及调用虚拟键盘(中英)
环境:Qt5.15.1 交叉编译链:海思的板子,arm-himix200-linux- demo代码:Qt-Qml混合编程第一步:环境搭建 1:从官网下载源码https://download.qt. ...
QML之ubuntu下编译安装虚拟键盘中文输入法
写在前面 1.一个兼容性问题:ubuntu14.04 + qt5.7以上版本开发时会遇到各种问题,多是由于类似于编译器等版本过低或者不兼容导致.建议使用ubuntu16.04 + qt5.9开发,两个 ...
Qt官方示例-虚拟键盘使用
这是一个使用Qt虚拟键盘的QML文本输入示例. 该示例提供两种使用方式:一种用于桌面平台,另一种用于嵌入式平台,本例采用嵌入式平台方式显示.它们区别是前者脱离窗口应用于全局,后者依附于窗口. di ...
Qt 虚拟键盘实现中文输入
在不启动Linux图形界面启动运行的应用程序开发,QML应用界面输不了中文,此时使用Qt自带的虚拟键盘可以解决中文输入的需求. 一.Qt 虚拟键盘中文输入法编译安装安装完Qt开发包,如安装的目录在/ ...
Qt5.14.2使用虚拟键盘
说明这是关于Qt5(Qt5.1.4.2),QWidget编程使用Qt虚拟键盘(qtvirtualkeyboard) Tag: QT5,Qt,软件盘.虚拟键盘,Widget程序作者:47460981 ...
QT 5.7虚拟键盘（支持中文输入）Windows+Ubuntu
一 Windows下 Qt5.7.1安装虚拟键盘(支持中文输入) 1.环境: windows + qt5.7.1(qt-opensource-windows-x86-mingw530-5.7.1.ex ...
ARM Linux QT虚拟键盘的系列问题
最近在做Linux系统的虚拟键盘功能,其中遇到很多问题,在此一一记录. 使用的系统平台为ARM Ubuntu18.04的系统,安装的QT版本为5.9.5,使用指令安装QT,安装后该版本QT默认不带虚拟 ...
Qt之QML虚拟键盘
键盘样式一: 键盘样式二: Qt官方软键盘示例: 要想使用Qt中的虚拟键盘,需要以下几个步骤: 1.修改你的.pro文件,添加如下内容: static {QT += svgQTPLUGIN += qt ...
qml虚拟键盘的实现
qml虚拟键盘添加在QGuiApplication之前添加QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling); #include ...

QtVirtualKeyboard 虚拟键盘美化

QtVirtualKeyboard 虚拟键盘美化相关推荐

最新文章

热门文章