QML自定义Button样式

最新推荐文章于 2025-02-20 09:27:05 发布

Allen Roson

最新推荐文章于 2025-02-20 09:27:05 发布

阅读量1k

点赞数

分类专栏： ROSON学堂-QML自定义控件样式文章标签： QML Button样式 QtQuick自定义按样式 Qt按钮样式

本文链接：https://blog.youkuaiyun.com/jolin678/article/details/126592484

版权

ROSON学堂-QML自定义控件样式专栏收录该内容

11 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了在QtQuick.Controls1.XX和2.XX中如何自定义Button样式。通过ButtonStyle组件，开发者可以分别在两个版本的Qt库中实现个性化的按钮设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.QtQuick.Controls1.XX中自定义Button样式

在QtQuick.Controls1.XX中，自定义按钮样式，需要使用ButtonStyle。

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" :

了解本专栏