qml添加button_QtQuick系列教程(4)-Qml开发界面介绍(Qml基础-3)

总目录传送

本博文技术等级: ★☆☆☆☆☆☆☆☆☆

文本, 输入框, 按钮, 事件都介绍了, 下面我们玩一下图片 首先我们在按钮的上方加一个Image组件 用来显示图片 再加一个按钮 用来切换图片

书写代码

Image {
        id: image
        height: 32
        width: 128
        anchors.bottom: text.top
        anchors.horizontalCenter: parent.horizontalCenter
    }

    Button{
        id: button1
        text: qsTr("图片2")
        height: 40
        width: 120
        anchors.top: textField.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        onClicked: {

        }
    }

<