qt窗口或者控件设置自定义样式的方法

32 篇文章 0 订阅
14 篇文章 0 订阅

基本函数

void QWidget::setStyle(QStyle *style)

使用办法:

 

1、实现自定义接口类

class CustomTabStyle : public QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
        const QSize &size, const QWidget *widget) const
    {
        QSize s = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab) {
            s.transpose();
            s.rwidth() = 85; // 设置每个tabBar中item的大小
			s.rheight() = 52; //45;
            //option.setAlignment(Qt::AlignRight|Qt::AlignHCenter);

        }
		return s;
    }
    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel) {
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option)) {
                QRect allRect = tab->rect;
                allRect.setWidth(allRect.width()); // - 5
                allRect.setHeight(allRect.height()); //- 2

                painter->setFont(QFont("黑体", 10)); //QFont::Bold

                painter->setPen(Qt::transparent);
                QTextOption option;
                option.setAlignment(Qt::AlignCenter);   // Qt::AlignRight|Qt::AlignVCenter

                QRect linRect;
                linRect= QRect(tab->rect.left()+78,tab->rect.top(),1,tab->rect.height());
                QBrush redbrush(QColor(Qt::lightGray),Qt::SolidPattern); //lightGray
                painter->setBrush(redbrush);
                painter->drawRect(linRect);

                QRect linRect1= QRect(78,0,1,14);
                QRect linRect2= QRect(78,widget->height() -14,1,12);
                QBrush redbrush1(QColor(QColor(0xF0F0F0)),Qt::SolidPattern); //lightGray
                painter->setBrush(redbrush1);
                painter->drawRect(linRect1);
                painter->drawRect(linRect2);

                //选中状态
                if (tab->state & QStyle::State_Selected)
                {
                    //save用以保护坐标,restore用来退出状态
                    painter->save();
                    painter->setBrush(QBrush(Qt::transparent));
                    //矩形
                    painter->drawRect(allRect.adjusted(0, 0, 0, 0));
                    //带有弧线矩形
                    //painter->drawRoundedRect(tab->rect, 8, 8);
                    painter->restore();

                    painter->setBrush(QBrush(QColor(0xFF7E3D)));
                    painter->drawEllipse(tab->rect.left()+74,tab->rect.top()+22,8,8);

                    painter->setPen(0xFF7E3D);
                }
                //hover状态
                else if(tab->state & QStyle::State_MouseOver){
                    painter->save();
                    painter->setBrush(QBrush(Qt::transparent));
                    //painter->drawRoundedRect(allRect, 8, 8); 0x004ea1
                    painter->drawRect(allRect.adjusted(0, 0, 0, 0));
                    painter->restore();

                    painter->setBrush(QBrush(QColor(0xFF7E3D)));
                    painter->drawEllipse(tab->rect.left()+76,tab->rect.top()+24,4,4);

                    painter->setPen(0xFF7E3D);
                }
                else{
                    painter->save();
                    painter->setBrush(QBrush(Qt::transparent));
                    //painter->drawRoundedRect(allRect, 8, 8);//0x78aadc
                    painter->drawRect(allRect.adjusted(0, 0, 0, 0));
                    painter->restore();
                    painter->setPen(0x000002);
                }

                painter->setFont(QFont("黑体", 10));  //, QFont::Bold
                painter->drawText(allRect, tab->text, option);
                return;
            }
        }
        if (element == CE_TabBarTab) {
                QProxyStyle::drawControl(element, option, painter, widget);
            }

    }
};

2、把这个类设置到需要自定义的控件上

    m_tabWidget->tabBar()->setStyle(new CustomTabStyle);//注意,设置上述代码风格 就可以实现QTabBar横向

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值