天天看點

QML之虛拟鍵盤簡單使用相關内容更改鍵盤皮膚設定鍵盤大小和位置設定鍵盤彈出效果

相關内容

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

更改鍵盤皮膚

1、先導入子產品

import QtQuick.VirtualKeyboard.Settings 2.2
           

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

VirtualKeyboardSettings.styleName = "retro"
           

效果:

QML之虛拟鍵盤簡單使用相關内容更改鍵盤皮膚設定鍵盤大小和位置設定鍵盤彈出效果

設定鍵盤大小和位置

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坐标,不能設定高度

官方描述:

QML之虛拟鍵盤簡單使用相關内容更改鍵盤皮膚設定鍵盤大小和位置設定鍵盤彈出效果

設定鍵盤彈出效果

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

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

QML之虛拟鍵盤簡單使用相關内容更改鍵盤皮膚設定鍵盤大小和位置設定鍵盤彈出效果