Qt Virtual Keyboard 自适应位置

一. 实现

inputcontex.h增加如下内容:

1 Q_PROPERTY(QRectF inputItemGeometry READ inputItemGeometry)
2 QRectF inputItemGeometry();

inputcontex.cpp增加如下内容:

1 QRectF InputContext::inputItemGeometry()
2 {
3     QWidget* pInputItem = (QWidget*)inputItem();
4     return pInputItem ? QRectF(((QWidget*)pInputItem->parent())->mapToGlobal(pInputItem->geometry().topLeft()), pInputItem->geometry().size()) : QRectF(0,0,0,0);
5 }

我们使用这个函数来获取当前控件的位置和大小信息。

InputPanel.qml增加如下内容:

 1     anchors.horizontalCenter: parent.horizontalCenter
 2     width: Screen.desktopAvailableWidth * 2 / 3
 3 
 4     states: State {
 5         name: "visible";
 6         when: keyboard.active;
 7         PropertyChanges {
 8             target: keyboard;
 9             y: getInputY()
10         }
11     }
12     transitions: Transition {
13         from: "";
14         to: "visible";
15         reversible: true;
16         ParallelAnimation {
17             NumberAnimation {
18                 properties: "y";
19                 duration: 250;
20                 easing.type: Easing.InOutQuad;
21             }
22         }
23     }
24     function getInputY(){
25         if(InputContext.inputItemGeometry.y + InputContext.inputItemGeometry.height + keyboard.height <= screenHeight){
26             return InputContext.inputItemGeometry.y + InputContext.inputItemGeometry.height
27         }
28         else if(InputContext.inputItemGeometry.y - keyboard.height - 100 >= 0)
29         {
30             return InputContext.inputItemGeometry.y - keyboard.height - 50
31         }
32         else
33         {
34             return screenHeight - keyboard.height
35         }
36     }

我们使用getInputY函数根据输入控件的位置和大小来调整Qt键盘的位置。

二. 效果