1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Roson的Qt之旅#106 QML在图片上方放置按钮并实现点击按钮切换图片

Roson的Qt之旅#106 QML在图片上方放置按钮并实现点击按钮切换图片

时间:2021-11-14 15:43:58

相关推荐

Roson的Qt之旅#106 QML在图片上方放置按钮并实现点击按钮切换图片

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;}}}

运行效果如下:

记得要先将图片添加到资源文件中:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。