qml---------------显示网络图片

import QtQuick 2.2
import QtQuick.Window 2.1
import QtQuick.Controls 1.2

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

//用来等待一个图元，可以缓解用户的焦躁情绪
BusyIndicator{
id:busy;
running: true;
anchors.centerIn: parent;
z:2;
}

//一个文本
Text{
id:stateLabel;
visible: false;
anchors.centerIn: parent;
z:3;
}

//图片资源，image的status改变的时候，会发出一个StatusChange信号，对应信号处理是On<property>Changed;
Image{
id:imageViewer;
asynchronous: true;
cache: false;
anchors.fill: parent;
fillMode: Image.PreserveAspectFit;

onStatusChanged: {
if(imageViewer.status == Image.Loading){
busy.running = true;
stateLabel.visible = false;
}
else if(imageViewer.status == Image.Ready){
busy.running = false;
}
else if(imageViewer.status == Image.Error){
busy.running = false;
stateLabel.visible = true;
stateLabel.text = "ERROR";
}
}

}

Component.onCompleted: {

imageViewer.source = "http://i6.topit.me/6/5d/45/1131907198420455d6o.jpg";
}

}