qml 布局页面展示小案例

 

初学半月时间，对qt。qml的应用有所了解，自己学完基本控件和元素搞的小案例，可以用来练手开发，大佬绕道勿喷，加油奥利给

详情如下

注意要导包，不然爆红找不到bug

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
Window {
    visible: true
    width: 490
    height: 800
    color: "#FFB6C1";
    title: qsTr("Hello World")


    Component{
        id:btnstyle;
        ButtonStyle {
              background: Rectangle{
              implicitWidth: 70;
              implicitHeight: 25;
              radius: 50;//设置圆角，数值越大弧线越大
              border.width: control.pressed ? 2:1;
              border.color: (control.hovered || control.pressed)
                     ? "green" : "#FFA500";
//              color: "red"
           //也可直接使用color更改按钮背景，确保使用十六进制颜色码
                    }
               }
    }
    Rectangle{
        anchors.top: par