Qt按钮美化教程

前言

Qt按钮美化主要有三种方式：QSS、属性和自绘

QSS

字体大小

font-size: 18px;

文字颜色

color: white;

背景颜色

background-color: rgb(10,88,163); 

按钮边框

border: 2px solid rgb(114,188,51);

文字对齐

text-align: left;

左侧内边距

padding-left: 10px;

文字加粗

font-weight: bold;

边框的大小

border-width: 4px;

边框的半径

border-radius: 3px;

整合样式

QPushButton {
    font-size: 18px; /* 设置字体大小 */
    color: white; /* 设置字体颜色 */
    background-color: rgb(10,88,163); /* 设置背景颜色 */
    border: 2px solid rgb(114,188,51); /* 设置边框 */
    text-align: left; /* 文字左对齐 */
    padding-left: 10px; /* 左侧内边距 */
    font-weight: bold;
}

QPushButton:pressed {
    background-color: rgb(41,51,57);
    color: rgb(114,188,51); /* 设置字体颜色 */
    border-width: 4px;
}

属性

添加hover tooltip

修改text

焦点策略，一般默认StrongFocus

坐标和大小

自绘

重写paintEvent虚函数，这个一般用的不多

CPushButton::paintEvent(QPaintEvent *event)
{
    /* 这里增加自绘的代码：文字、图片等等 */
    QPainter p(this);
    p.drawText(10, 10, "Clicked me");
    p.drawPixmap(20, 10, QIcon(":/res/button.png"));
    QPushButton::paintEvent(event);
}

效果

附上QSS+属性美化后的button效果

原文地址：https://blog.csdn.net/HeavenMo/article/details/145259778

免责声明：本站文章内容转载自网络资源，如侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！