在实际应用Image的过程中,发现加入布局中以后Image的缩放就会有问题,即使指定了
fillMode:Image.PreserveAspectFit也会发现图片显示大小虽然得到了调整,但是实际在布局中占用的宽度并没有调整
Rectangle{
width: 800
height: 600
color: "white"
RowLayout{
Image {
id:first
Layout.preferredHeight: 16
source: "qrc:/icon_sidebar_im_check.png"
fillMode:Image.PreserveAspectFit
horizontalAlignment: Image.AlignLeft
}
Image {
id:second
Layout.preferredHeight: 16
source: "qrc:/icon_sidebar_im_check.png"
fillMode:Image.PreserveAspectFit
horizontalAlignment: Image.AlignLeft
}
}
}
效果如下:
仔细看过QML中的例子后发现,等比的缩放调节是根据Imag