Qt Quick 简单教程 - 1 (代码备忘)

import QtQuick 2.3
import QtQuick.Controls 1.2

Rectangle {

    width : 480 ;
    height : 320 ;
    color : "#121212" ;

    BusyIndicator {
       id : busier ;
       running : true ;
       anchors.centerIn : parent;
       z : 2;
    }

    Label {
      id : stateLabel ;
      visible: false ;
      anchors.centerIn : parent ;
      z : 3;
    }

    Image {
        id : imageViewer
        asynchronous : true ; //设置为异步处理图片
        cache : false ;
        anchors.fill: parent ;
        fillMode : Image.PreserveAspectFit ; //设置为等比例缩放图片
        onStatusChanged: {
            if(imageViewer.status == Image.Loading){
                busier.running = true ;
                stateLabel.visible = false;
            }else if(imageViewer.status == Image.Ready){
                busier.running = false;
            }else if(imageViewer.status == Image.Error){
                busier.running = false ;
                stateLabel.visible = true;
                stateLabel.text = "加载错误";
            }
        }
    }

    Component.onCompleted: {
        imageViewer.source = "http://images.cnblogs.com/cnblogs_com/fsong/645862/o_127433828_14224836552791n.jpg";
    }
}