【QML】Button图标设置透明颜色，会变模糊有阴影

-凌凌漆-

已于 2024-09-24 11:07:21 修改

阅读量206

点赞数 1

分类专栏： QML 文章标签：缓存 qt

于 2024-09-24 11:01:36 首次发布

本文链接：https://blog.csdn.net/yangshuoSB/article/details/142483959

版权

QML 专栏收录该内容

57 篇文章 1 订阅

订阅专栏

原图效果

在这里插入图片描述

1. 透明

1.1 效果

在这里插入图片描述

1.2 代码

Button{
   id: _mBtn
    width: parent.width
    height: parent.height

    background: Rectangle{
        id: _mBg
        radius: 5
        antialiasing: true
        color: "white"
    }

    icon{
        source: _mRoot._mIconSource
        cache: false
        color: "transparent" //透明
        height: 40
        width: 40
    }
}

2. 设置具体颜色

2.1 效果

在这里插入图片描述

2.2 代码

Button{
   id: _mBtn
    width: parent.width
    height: parent.height

    background: Rectangle{
        id: _mBg
        radius: 5
        antialiasing: true
        color: "white"
    }

    icon{
        source: _mRoot._mIconSource
        cache: false
        color: "#ef5350" //具体颜色
        height: 40
        width: 40
    }
}