import QtQuick 2.3

import QtQuick.Controls 1.2

Rectangle {

    width :  ;

    height :  ;

    color : "#121212" ;

    BusyIndicator {

       id : busier ;

       running : true ;

       anchors.centerIn : parent;

       z : ;

    }

    Label {

      id : stateLabel ;

      visible: false ;

      anchors.centerIn : parent ;

      z : ;

    }

    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";

    }

}