qt自绘带气泡按钮

68 篇文章 2 订阅

#include
#include

class QTipButton : public QPushButton
{
public:
QTipButton(QWidget *parent);
virtual ~QTipButton(void);

virtual void paintEvent(QPaintEvent * event);
void setButtonNum(int buttonNum);

private:
int _buttonNum=0;
};

#include “qtipbutton.h”
#include “qpainter.h”
#include “QRgb”
QTipButton::QTipButton(QWidget *parent)
: QPushButton(parent)
{
}

QTipButton::~QTipButton(void)
{
}

void QTipButton::paintEvent(QPaintEvent * event)
{
QPainter painter(this);
painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);//抗锯齿,反走样
QRect rt = rect();
QRect rt1 = QRect(rt.left()+rt.width()*0.70, (rt.top()+rt.height()*0.15), rt.height()*0.7, rt.height()*0.7);
QRect rt2 = QRect(rt.left(), rt.top(),
rt.width(), rt.height());
if(this->isChecked())
{
painter.fillRect(rt2, QColor(34,160,108));
painter.setPen(Qt::white);
painter.drawText(rt, Qt::AlignCenter, text());
}
else
{
painter.fillRect(rt2, QColor(71, 102, 92));
painter.setPen(Qt::white);
painter.drawText(rt, Qt::AlignCenter, text());
}
painter.setPen(QColor(163, 0, 20));
painter.setBrush(QBrush(Qt::red));
if( _buttonNum!=0)
{
painter.drawEllipse(rt1);
}
painter.setPen(Qt::white);
if( _buttonNum!=0)
{
painter.drawText(rt1, Qt::AlignCenter, QString::number(_buttonNum));
}

}

void QTipButton::setButtonNum(int buttonNum)
{
_buttonNum = buttonNum;
}

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: 在 Qt 中,可以通过调用 QToolButton 的 setIcon() 函数设置图标。如果要改变图标的颜色,可以使用 QPixmap 类的 setMask() 函数将图标转换为黑白图像,再使用 QPixmap 类的 setColor() 函数改变图标的颜色。 要改变 QToolButton 中文本的颜色,可以使用 QPalette 类的 setColor() 函数设置文本的颜色,例如: ``` QPalette palette = toolButton->palette(); palette.setColor(QPalette::ButtonText, Qt::red); toolButton->setPalette(palette); ``` 此外,也可以使用 QToolButton 的 setStyleSheet() 函数设置按钮的样式表,从而改变图标和文本的颜色。例如: ``` toolButton->setStyleSheet("QToolButton { color: red; }"); ``` 这样就可以将 QToolButton 中的图标和文本的颜色都设置为红色了。 ### 回答2: 在Qt中,如果要自绘QToolButton按钮的icon和文字颜色,可以通过重写QToolButton的paintEvent()函数来实现。 首先,我们需要创建一个自定义的QToolButton类,继承自QToolButton。在该自定义类中重写paintEvent()函数。在函数中,我们可以获取当前按钮的icon和文字,然后根据需求自定义绘制它们的颜色。 例如,如果想要将按钮的icon和文字都绘制成红色,可以使用QPainter类的setPen()函数将画笔颜色设置为红色,然后使用drawPixmap()函数绘制icon,使用drawText()函数绘制文字。 下面是一个简单的例子: ```cpp class MyToolButton : public QToolButton { public: MyToolButton(QWidget *parent = nullptr) : QToolButton(parent) {} protected: void paintEvent(QPaintEvent *event) override { QToolButton::paintEvent(event); QPainter painter(this); // 设置画笔颜色为红色 painter.setPen(Qt::red); // 绘制icon painter.drawPixmap(iconRect(), icon().pixmap(iconSize())); // 绘制文字 painter.drawText(textRect(), text()); } }; ``` 在其他地方使用这个自定义的QToolButton类,就可以看到按钮的icon和文字都被绘制成红色了。 这只是一个简单的例子,你可以根据实际需求自定义绘制其他颜色或者添加其他效果。希望能对你有所帮助! ### 回答3: 在Qt中,可以通过自绘的方式修改QToolButton按钮的icon和文字颜色。首先,我们需要自定义一个继承自QStyle类的新类,用于重写其drawControl方法。 在drawControl方法中,我们可以根据需要对不同的按钮状态进行绘制操作。例如,当按钮处于正常状态时,可以使用QPainter对象进行绘制,根据需求设置icon和文字的颜色,并使用drawItemText方法绘制按钮的文字。 下面是一个简单的示例代码,展示了如何自绘一个QToolButton按钮的icon和文字颜色: ``` class CustomStyle : public QStyle { public: using QStyle::QStyle; virtual void drawControl(ControlElement element, const QStyleOption* option, QPainter* painter, const QWidget* widget = nullptr) const { if (element == CE_PushButton) { const QStyleOptionButton* buttonOption = qstyleoption_cast<const QStyleOptionButton*>(option); if (buttonOption) { if (buttonOption->state & State_Enabled) { painter->save(); // 设置icon和文字的颜色 painter->setPen(QColor(Qt::red)); // 绘制icon QIcon icon = buttonOption->icon; QRect iconRect = buttonOption->rect; icon.paint(painter, iconRect); // 绘制文字 QRect textRect = buttonOption->rect; drawItemText(painter, textRect, Qt::AlignCenter, buttonOption->palette, buttonOption->state & State_Enabled, buttonOption->text); painter->restore(); } } } else { QStyle::drawControl(element, option, painter, widget); } } }; ``` 以上代码创建了一个CustomStyle类,并重写了drawControl方法。在方法中,我们首先判断按钮元素是否为CE_PushButton,如果是,再获取按钮选项的状态,并使用QPainter对象绘制icon和文字,并设置其颜色。最后,调用父类的drawControl方法绘制其余的元素。 在使用自定义样式之前,还需要在应用程序中设置该样式: ``` int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建自定义样式对象 CustomStyle* customStyle = new CustomStyle; // 设置应用程序的样式为自定义样式 app.setStyle(customStyle); // 创建QToolButton按钮 QToolButton button; // 设置按钮文本 button.setText("Button"); // 显示按钮 button.show(); return app.exec(); } ``` 通过以上步骤,我们可以自绘QToolButton按钮的icon和文字颜色。在CustomStyle类中,你可以根据需要进一步修改绘制的方式,实现不同的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

颢师傅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值