QML之虛拟鍵盤簡單使用

相關内容

ubuntu下編譯安裝虛拟鍵盤中文輸入法

更改鍵盤皮膚

1、先導入子產品

import QtQuick.VirtualKeyboard.Settings 2.2
           

2、設定“複古”皮膚/主題，目前除了預設的皮膚就這個了，感覺這個更漂亮

VirtualKeyboardSettings.styleName = "retro"
           

效果：

設定鍵盤大小和位置

InputPanel {
    id: inputPanel
    z: 99
    //更改x,y即可更改鍵盤位置
    x: 0
    y: window.height
    //更改width即可更改鍵盤大小
    width: window.width

    states: State {
        name: "visible"
        when: inputPanel.active
        PropertyChanges {
            target: inputPanel
            y: window.height - inputPanel.height
        }
    }
    transitions: Transition {
        from: ""
        to: "visible"
        reversible: true
        ParallelAnimation {
            NumberAnimation {
                properties: "y"
                duration: 250
                easing.type: Easing.InOutQuad
            }
        }
    }
}
           

提示

鍵盤大小是根據寬度自動計算的，是以，應用程式應該隻設定InputPanel的寬度和y坐标，不能設定高度

官方描述：

設定鍵盤彈出效果

ParallelAnimation {
     NumberAnimation {
          properties: "y"
          //過渡時間
          duration: 1000
          //鍵盤彈出效果
          easing.type: Easing.InOutBack
     }
}
           

彈出效果可設定為下面的值：