QML之Button学习

通过帮助文档去学习QML的Button。

打开Qt Assistant,搜索Button,如下图。

QML之Button学习

需要引入对应的库

QML之Button学习

 

QML之Button学习

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Button {
          text: "A button";
          style: ButtonStyle {
              background: Rectangle {
                  implicitWidth: 100
                  implicitHeight: 25
                  border.width: control.activeFocus ? 2 : 1
                  border.color: "#888"
                  radius: 4
                  gradient: Gradient {
                      GradientStop { position: 0 ; color: control.pressed ? "#ccc" : "#eee" }
                      GradientStop { position: 1 ; color: control.pressed ? "#aaa" : "#ccc" }
                  }
              }
          }
      }
}

QML之Button学习

上一篇:QML 基础控件(下拉框、对话框、抽屉、滑动视图与页面切换)【下】


下一篇:Git&Github