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++代码来创建自己的图像提供器，这允许你动态创建图像并且使用线程加载。