QTabWidget样式案例

QT中用Qwidget的QtabWidget使用风格是可以自己定义的下面是一个风格的头文件:

/* / */
/*!
  @file    CustomTabStyle.h
  @author  chen
  @date    2017/03
  @brief   The file CustomTabStyle class
  @par     History
  @verbatim
          <author>    <time>    <version>  <desc>
          chenqiangling  2017/06   0.1.0     build this module
  @endverbatim
*/
/* / */
/*!
  @addtogroup  namespace cqltbe
  @{
*/

/*!
  @addtogroup  common
  @{
*/

/*!
  @addtogroup  common_Exported_Classes
  @{
*/
#ifndef CUSTOMTABSTYLE_H
#define CUSTOMTABSTYLE_H
#include <QProxyStyle>
#include <QPainter>

class CustomTabStyle : public QProxyStyle//继承QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
    {
        QSize tabsize = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab) {
            tabsize.transpose();
            tabsize.rwidth() = 140; // 设置每个tabBar中item的大小
            tabsize.rheight() = 80;//设置高度
        }
        return tabsize;
    }
    //重写函数drawControl,绘图控制
    //ControlElement控制元件,option,QStyle选项,painter绘图,widget对象
    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel) {//如果元件是TabBarTabLabel
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option)) {
                QRect allRect = tab->rect;//获取tab矩形框
                if (tab->state & QStyle::State_Selected) {
                    painter->save();
                    painter->setPen(0x89cfff);//设置颜色
                    painter->setBrush(QBrush(0x89cfff));//设置Brush颜色
                    painter->drawRect(allRect.adjusted(6, 6, 6, -6));//这里调整高亮
                    // painter->restore();//恢复
                }
                QTextOption option;//这里设置文本样式
                option.setAlignment(Qt::AlignCenter);//设置对其方式。居中对齐
                if (tab->state & QStyle::State_Selected) {
                    painter->setPen(0xf8fcff);//设置颜色
                }
                else {
                    painter->setPen(0x5d5d5d);
                }
                painter->drawText(allRect, tab->text, option);//绘制文本
                return;
            }
        }
        if (element == CE_TabBarTab) {
            QProxyStyle::drawControl(element, option, painter, widget);
        }
    }
};

class CustomTabStyle1 : public QProxyStyle//继承QProxyStyle
{
public:
    QSize sizeFromContents(ContentsType type, const QStyleOption *option,
                           const QSize &size, const QWidget *widget) const
    {
        QSize tabsize = QProxyStyle::sizeFromContents(type, option, size, widget);
        if (type == QStyle::CT_TabBarTab) {
            tabsize.transpose();
            tabsize.rwidth() = 240; // 设置每个tabBar中item的大小
            tabsize.rheight() = 38;//设置高度
        }
        return tabsize;
    }
    //重写函数drawControl,绘图控制
    //ControlElement控制元件,option,QStyle选项,painter绘图,widget对象
    void drawControl(ControlElement element, const QStyleOption *option, QPainter *painter, const QWidget *widget) const
    {
        if (element == CE_TabBarTabLabel) {//如果元件是TabBarTabLabel
            if (const QStyleOptionTab *tab = qstyleoption_cast<const QStyleOptionTab *>(option)) {
                QRect allRect = tab->rect;//获取tab矩形框
                if (tab->state & QStyle::State_Selected) {
                    painter->save();
                    painter->setPen(0x555555);//设置颜色
                    painter->setBrush(QBrush(0x282828));//设置Brush颜色
                    painter->drawRect(allRect.adjusted(6, 6, 6, -6));//这里调整高亮
                    // painter->restore();//恢复
                }
                QTextOption option;//这里设置文本样式
                option.setAlignment(Qt::AlignCenter);//设置对其方式。居中对齐
                if (tab->state & QStyle::State_Selected) {
                    painter->setPen(0xf8fcff);//设置颜色
                }
                else {
                    painter->setPen(0x5d5d5d);
                }
                painter->drawText(allRect, tab->text, option);//绘制文本
                return;
            }
        }
        if (element == CE_TabBarTab) {
            QProxyStyle::drawControl(element, option, painter, widget);
        }
    }
};
class CustomTabStyle2 : 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() = 240; // 设置每个tabBar中item的大小
            s.rheight() = 38;//设置高度
        }
        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))
            {
                QStyleOptionTab opt(*tab);
                opt.shape = QTabBar::RoundedNorth;
                //QIcon icon(":/Resources/icon2.ico");
                //opt.icon = icon;
                    opt.palette.setCurrentColorGroup(QPalette::Disabled);
                 opt.state |= QStyle::State_Sunken;
                QProxyStyle::drawControl(element, &opt, painter, widget);


                return;
            }
        }
        if (element == CE_TabBarTab)
        {
              //  painter->drawText(allRect, tab->text, option);//绘制文本
            //painter->setBackground(QBrush(Qt::red, Qt::SolidPattern));

        }

        QProxyStyle::drawControl(element, option, painter, widget);
    }
};



/*!
  @}
*/

/*!
  @}
*/

/*!
  @}
*/

#endif // CUSTOMTABSTYLE_H

QTabBar *tabStyle=ui->tabWidget->tabBar();
 tabStyle->setStyle(new  CustomTabStyle);




 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

qtc++开发者

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

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

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

打赏作者

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

抵扣说明:

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

余额充值