zhengtianzuo系列-Qml自定义复选框

代码很简单主要是根据复选框的选择状态来切换不同的图片

```
/*!
*@file main.qml
*@brief 主文件
*@version 1.0
*@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation
*@author zhengtianzuo
*/
import QtQuick 2.7
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 400
    height: 300
    title: qsTr("Qml自定义复选框")

    CheckBox {
        id: checkBox
        text: qsTr("复选框")
        checked: true
        anchors.centerIn: parent
        spacing: 0
        enabled: true

        indicator:
        Image {
              id: image
              height: 16
              width: 16
              anchors.verticalCenter: parent.verticalCenter
              source: checkBox.checked ? "qrc:/images/checked.png" : "qrc:/images/unchecked.png"
        }

        contentItem: Text {
            id: text
            text: checkBox.text
            font: checkBox.font
            opacity: enabled ? 1.0 : 0.3
            color: checkBox.down ? "#AA0000" : "#148014"
            horizontalAlignment: Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter
            leftPadding: checkBox.indicator.width + checkBox.spacing
        }
    }
}
```

需要完整代码请访问 QtQuickExamples

big_mouse	2020-04-22 09:12

查看完整版本: [-- zhengtianzuo系列-Qml自定义复选框 --] [-- top --]

Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip disabled