Qt 绘制指示灯

2013-04-24 04:42:38 3.4k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

运算放大器基础1——用作比较器运算放大器，运放，在电路设计中非常常见。在图2中，当前状态下，开关切换到0V，“正相输入”和“负相输入”都是接地，运放两个输入端电压相同。最后，调节可变电阻，使其两端电压大于3.37V，比如3.43V，作为运放正相输入，由于电压大于反相输入，LED点亮（运放输出为5V）。其次，调节可变电阻，使其两端电压小于3.37V，比如2.09V，作为运放正相输入，由于电压小于反相输入，LED不点亮。好，现在我们将0.1V电源换个方向，这样实际“正相输入”的是-0.1V，比“负相输入”的电压要低，看看输出是什么？阅读详情

Qt绘制如图所示的指示灯，该指示灯的边框呈立体效果，采用QPainter应怎样绘制？最好有源代码

...全文

SillyTavern角色卡制作全攻略：如何用AI还原你喜欢的虚构角色（附三叶完整角色卡JSON）本文详细介绍了如何使用SillyTavern制作高质量AI角色卡，以《你的名字》中的宫水三叶为例，从角色特征提取、对话风格捕捉到JSON结构优化，全面解析AI角色扮演的创作技巧。通过具体的写作示例和完整角色卡JSON，帮助二次元爱好者和同人创作者实现虚构角色的精准还原与生动互动。阅读详情

lantaosha607

Qt 21,503 成员 26,693 内容

+ 关注 + 加入社区

切换为时间正序

lantaosha607 2013-08-09

打赏
举报

引用 12 楼 Inhibitory 的回复:

再给你点提示，如果一点一点的改动代码中的颜色值，再去运行程序看效果，效率是非常低的，而且很难得到满意的结果。即是说需要写一个工具，是调节上面代码的相关颜色和gradient，可以增加删除gradient的stop，实时看到按钮的最终结果。这样虽然增加了写工具的时间，但是却可以方便的生成各种按钮。高光部分的绘制还有一些细节没有处理好，有一圈深色，处理好这个细节麻烦的。

学习，学习了，呵呵，后面项目做完了，就是用Inhibitory这种方式做的。

Inhibitory 2013-08-07

打赏
举报

再给你点提示，如果一点一点的改动代码中的颜色值，再去运行程序看效果，效率是非常低的，而且很难得到满意的结果。即是说需要写一个工具，是调节上面代码的相关颜色和gradient，可以增加删除gradient的stop，实时看到按钮的最终结果。这样虽然增加了写工具的时间，但是却可以方便的生成各种按钮。高光部分的绘制还有一些细节没有处理好，有一圈深色，处理好这个细节麻烦的。

Inhibitory 2013-08-07

打赏
举报

大概如图的样子，具体要绘制得很好，需要很多时间去调节细节。
代码自己优化一下。

void Widget::paintEvent(QPaintEvent *) {

    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(166, 166, 166));

    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));

    rg.setColorAt(0.6, QColor(210, 0, 0));

    rg.setColorAt(1, QColor(166, 0, 0));

    painter.setBrush(rg);

    painter.drawEllipse(-radius, -radius, radius << 1, radius << 1);



    QPainterPath path;

    path.addEllipse(-radius, -radius, radius << 1, radius << 1);

    QPainterPath bigEllipse;



    radius *= 2;

    bigEllipse.addEllipse(-radius, -radius + 140, radius << 1, radius << 1);

    path -= bigEllipse;



    QLinearGradient lg3(0, -radius, 0, radius);

    lg3.setColorAt(0, QColor(255, 200, 200, 180));

    lg3.setColorAt(1, QColor(255, 200, 200, 100));

    painter.setBrush(lg3);

    painter.drawPath(path);

}

Inhibitory 2013-08-07

打赏
举报

自己绘制肯定是没有问题，但如果用PS做好图片当然是最简单的办法，而且效率肯定比自己绘制高，因为绘制是需要大量的计算。
给你点启发：http://www.cppblog.com/biao/archive/2008/03/17/44660.html

1. 开始绘制最大的边框：是一个圆+线性渐变(QLinearGradient)
2. 绘制小边框：是一个圆+线性渐变
3. 绘制红色圆+圆形的渐变(QRadialGradient)
4. 绘制高光：用QPainterShape创建高光区的矢量图，然后绘制，是否使用透明与渐变看实际效果

没有太复杂的计算，就是内个层加渐变。