Qt：绘制带高光的按钮

草莓蛋糕人

于 2019-12-30 10:10:27 发布

阅读量713

点赞数

CC 4.0 BY-SA版权

分类专栏： Qt学习资料

本文链接：https://blog.youkuaiyun.com/u014746838/article/details/103761844

本文详细介绍了如何使用Qt库为GUI应用程序设计并实现带高光效果的自定义按钮。通过覆盖QPainter的方法，结合颜色渐变和边框阴影，达到提升用户体验的视觉效果。

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

void Widget::paintEvent(QPaintEvent *event) 
{
    QPainter painter(this);
    painter.translate(width() / 2, height() / 2);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(Qt::transparent);
    painter.fillRect(-width(), -height(), width() * 2, height() * 2, Qt::gray);

    int radius = 100;

    // 外边框
    QLinearGradient lg1(0, -radius, 0, radius);
    lg1.setColorAt(0, QColor(255, 255, 255));
    lg1.setColorAt(1, QColor(166, 166, 166));
    painter.setBrush(lg1);
    painter.drawEllipse(-radius, -radius, radius << 1, radius << 1);

    // 内边框
    radius -= 13;
    QLinearGradient lg2(0, -radius, 0, radius);
    lg2.setColorAt(0, QColor(155, 155, 155));
    lg2.setColorAt(1, QColor(255, 255, 255));
    painter.setBrush(lg2);
    painter.drawEllipse(-radius, -radius, radius << 1, radius << 1);

    // 内部的圆
    radius -= 4;
    QRadialGradient rg(0, 0, radius);
    rg.setColorAt(0, QColor(245, 0, 0));

最低0.47元/天解锁文章