【QML】Button控件修改文字颜色，图标设置，背景颜色

-凌凌漆-

已于 2023-10-26 13:58:00 修改

阅读量1.7k

点赞数 2

分类专栏： QML Qt 文章标签： qt

于 2023-10-26 13:57:47 首次发布

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

版权

Qt 同时被 2 个专栏收录

51 篇文章 0 订阅

订阅专栏

QML

46 篇文章 0 订阅

订阅专栏

1. Button图标颜色

icon.color: "royalblue"

2. Button修改文字颜色

palette.buttonText: "royalblue"

3. 示例代码

import QtQuick 2.15
import QtQuick.Controls 2.15

Item {
    Button{
        id: btn
        width: parent.width
        height: parent.height
		
		//背景颜色
        background: Rectangle{
            border.color: "royalblue"
            border.width: 1
            color: btn.down ? "red" : "lightsteelblue"
        }

		// 图标设置
        icon{
            cache: false
            source: 'qrc:/Icon/user_icon.png'
            height: 40
            width: 40
            color: "royalblue"
        }

        text: "Button"
        display: AbstractButton.TextUnderIcon
        font{
            family: "Ubuntu"
            pixelSize: 25
        }

		// 修改文字颜色
        palette.buttonText: "royalblue"
    }
}