qml开发3D车载HMI界面-----CPbutton.qml

最新推荐文章于 2024-05-23 21:31:14 发布

weixin_41392061

最新推荐文章于 2024-05-23 21:31:14 发布

阅读量350

点赞数 9

分类专栏： QtQuick/QML入门到精通-----demo 文章标签： qt

本文链接：https://blog.csdn.net/weixin_41392061/article/details/134822078

版权

QtQuick/QML入门到精通-----demo 专栏收录该内容

50 篇文章 1 订阅 ¥199.90 ¥99.00

订阅专栏

超级会员免费看

1、新建CPbutton的状态的显示。

显示效果如下：

import QtQuick 2.15
import DigitalCluster 1.0

Item {
    id:cpbutton
    width:120
    height:50

    property alias mouseArea:mouseArea //鼠标
    property alias labelText:buttonLabel.text //文本文字
    property alias buttonState:buttonbg.state //按钮状态
    property alias iconSource:buttonIcon.source //图标资源

    state:"off"

    CPbuttonBg{
        id:buttonbg
        anchors.fill: parent
    }

    Item{
        id:buttonContent
        opacity:0.5
        anchors.fill: parent

        Image{
            id:buttonIcon
            visible:cpbutton.labelText === "" ? true : false
            source:""
            cache:false
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
        }