QML虚拟键盘控制弹出隐藏

最新推荐文章于 2022-06-12 17:09:53 发布

原创最新推荐文章于 2022-06-12 17:09:53 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#qml

qml 专栏收录该内容

16 篇文章

订阅专栏

本文展示了一个使用Qt Quick进行UI设计的例子，包括窗口设置、按钮创建及信号槽机制实现的关闭功能，以及输入面板的过渡动画效果。通过TextField组件演示了基本的文本输入功能。

import QtQuick 2.0
import QtQuick.Controls 1.3
import QtQuick.Window 2.2
import QtQuick.Controls.Styles 1.2
import "../qml/common"
import QtQuick.VirtualKeyboard 2.1

Rectangle {
    color: "#3A3223"
    id:p_DataBackup
    x:0
    y:0
    width: 1024
    height: 768
    signal closeClickedSignal

    CQLPushButton {
        id: button
        x: 820
        y: 572
        width: 158
        height: 58
        m_text: qsTr("关闭")
        onClickedSignal: {
            console.log("ddddddddd");
            closeClickedSignal();
        }
    }

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

    TextField {
        id: textField
        x: 292
        y: 224
        placeholderText: qsTr("Text Field")
    }

}