Qt 按钮样式_qt按钮样式

样式类型

一个按钮可以通过添加相应的样式即（btn -> setStyleSheet）实现按钮的美化。
而按钮的样式可分为如下所示：

1. "background-color:rgba(100,225,100,30); 背景色，rgba分别为红绿蓝色以及透明度
2. “border-radius:10px;” 边框圆角半径
3. “border: 4px outset rgb(255,255,255);” 边框宽度、样式和颜色，边框样式可分为（inset/outset），分别为内边框和外边框
4. “font:bold 10px;” 字体，字体大小
5. “color:rgb(0,0,0);” 字体颜色

而按钮的样式也可分为三中类型，分别为初始状态、当鼠标按下时以及鼠标悬浮时的状态，如下表示：
“QToolButton{”
“}”//初始状态时
“QToolButton:pressed{”
“}”//鼠标按下状态
“QToolButton:hover{”
“}”//鼠标悬浮状态
具体实现如下代码所示：

QToolButton *DisplayBtn = new QToolButton(this);
//设置按钮样式：
QString BtnStyle = QString("QToolButton{background-color:rgba(0,255,255,200);"//背景颜色和透明度
                               "color:rgb(0,0,0);"//字体颜色
                               "border-radius:6px;"//边框圆角
                               "border: 3px outset rgb(128,128,128);"//边框宽度、样式以及颜色
                               "font:bold 30px;"//字体类型和字体大小
                               "}"
                               "QToolButton:pressed{"//按下时的状态
                               "background-color:rgb(255,0,0);"
                               "color:rgb(0,255，255);"
                               "}")                             
                               
    DisplayBtn -> setStyleSheet(BtnStyle);
1
2
3
4
5
6
7
8
9
10
11
12
13
14