1、设置组件风格
如果是按键一、设置按键的背景色和边框
/*设置组件的风格*/
Component {
id: btnStyle;
ButtonStyle {
/*设置按键背景色*/
background: Rectangle {
implicitWidth: 70;
implicitHeight: 25;
/*按键边框线宽*/
border.width: control.pressed ? 2 : 1;
/*设置按键边框的颜色*/
border.color: (control.pressed || control.hovered) ? "#00A060" : "#888888";
radius: 6; /*四周的角度为圆形*/
/*设置按键按下时颜色递变的过程*/
gradient: Gradient {
GradientStop{ position: 0; color: control.pressed ? "#CCCCCC" : "#E0E0E0";}
GradientStop{ position: 1; color: control.pressed ? "#AAA" : "#CCC"; }
}
}
}
}
2、如何显示一个图片
首先设置一个等待图元的id对象
/*用来显示一个等待图元*/
BusyIndicator {
id: busy;
running: false; //设置不显示加载圈圈
anchors.centerIn: parent;//设置图片显示在中间
z: 2;
}
读取图片的当前状态
/*读取图片的当前状态*/
Image {
objectName: "imageViewer";
id: imageViewer;
anchors.fill: parent;
/*异步加载资源(只有当异步加载本地资源时才需要设置它)*/
asynchronous: true;
/*设置等比例缩放图片*/
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"
}
}
}
打开显示这张图片
/*打开一个图片*/
FileDialog