Qt-Quick中设置组件风格、显示一张图片、在一行显示多张图片的方法、绘制图片方法...

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