天天看點

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