QML中Image的基本操作方法如下:
- 加载图片
Image {
source: "image.png"
}
- 设置宽高
Image {
width: 100
height: 100
source: "image.png"
}
- 根据图片大小自动调整宽高
Image {
fillMode: Image.PreserveAspectFit
source: "image.png"
}
- 添加点击事件
Image {
id: image
source: "image.png"
MouseArea {
anchors.fill: parent
onClicked: console.log("Clicked")
}
}
- 动态改变图片源
Image {
id: image
source: "image.png"
MouseArea {
anchors.fill: parent
onClicked: image.source = "new_image.png"
}
}