Qml學習記錄 四（圖像元素）

本節對應 （書名QmlBook） 4.2.4 圖像元素（Image Element）(頁碼71)

import QtQuick 2.0
//由於博主找的圖片尺寸不夠大所以未看出裁剪
Item {
    id: root
    width: 400; height: 600
    Image {
        x: 12; y:12
        //支持加載本地圖片和網絡圖片
        source: "./images/rocket.jpg"
    }
    Image {
        x: 112; y:12
        width: 48; height: 118/2
        source: "./images/rocket.jpg"
        //fillMode（文件模式）屬性能夠控制元素對象的大小調整行爲
        //PreserveAspectCrop可以避免裁剪圖像數據被渲染到圖像邊界外
        fillMode: Image.PreserveAspectCrop
        //裁剪屬性
        //（clip:true）來約束邊界矩形的繪製。這對任何可視化元素都有效
        clip: true
    }
}

//建議使用QQmlImageProvider你可以通過C++代碼來創建自己的圖像提供器，這允許你動態創建圖像並且使用線程加載。