QML完整代码如下:
import QtQuick 2.9import QtQuick.Window 2.2import QtQml.Models 2.2import QtQuick.Controls 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Image {id: myImg1width: parent.widthheight: parent.heightsource: "resouces/VN1.jpeg"}Image {id: myImg2width: parent.widthheight: parent.heightsource: "resouces/VN2.jpeg"visible: false}Image {id: myImg3width: parent.widthheight: parent.heightsource: "resouces/VN3.jpeg"visible: false}Button{id: myBtn1text: qsTr("皮肤1")width: 50height: 20x: myImg1.width/2 - 95y: myImg1.y + myImg1.height - 40onClicked: {myImg1.visible = true;myImg2.visible = false;myImg3.visible = false;}}Button{id: myBtn2text: qsTr("皮肤2")width: 50height: 20x: myImg1.width/2 - 25y: myImg1.y + myImg1.height - 40onClicked: {myImg1.visible = false;myImg2.visible = true;myImg3.visible = false;}}Button{id: myBtn3;text: qsTr("皮肤3")width: 50height: 20x: myImg1.width/2 + 45y: myImg1.y + myImg1.height - 40onClicked: {myImg1.visible = false;myImg2.visible = false;myImg3.visible = true;}}}
运行效果如下:
记得要先将图片添加到资源文件中: