スタイルシートでQTabwidget外観を美しく

 

  最初を保存するために慎重にここに、正しい見ていない、後で見て

記事への参照:http://bbs.csdn.net/topics/390632657?page=1

 

setStyleSheet(「QTabWidget ::ペイン{ボーダー幅:1ピクセル;ボーダー色:RGB(48、104、151); \
                                    ボーダースタイル:最初、背景色:RGB(132、171、208); \
                                    背景:透明;} \
QTabWidget ::タブバー{ボーダー幅:0PX;} \
QTabBar ::タブ{ボーダー底色:#1 C2C7CB; \
             ボーダー左上半径:0PX; \
             ボーダー右上-radius:0PX; \
             のmax-width:75px;分幅:75px;分の高さ:25ピクセル; \
             フォント:14pxのTimes New Roman; \
                 パディング:0PX; \
                 } \
QTabBar ::スクロール{\
                   幅:25; \
                       ボーダー:0; \
                           パディング:0PX; \
                           } \
QTabBar QToolButton ::右矢印{\
                                  背景色:RGB(132、171、208); \
                                  ボーダー幅:0; \
                                  背景画像:URL(:/画像/タブ/ rightbtn .PNG); \
                              } \
QTabBar QToolButton ::右矢印:ホバー{\
                                        背景色:RGB(132、171、208); \
                                        ボーダー幅:0; \
                                        背景画像:URL(:/画像/タブ/hoverrightbtn.png); \
                                    } \
QTabBar QToolButton ::右矢印:無効{\
                                        背景色:RGB(132、171、208); \
                                        ボーダー幅:0; \の
                                        背景画像:URL(:/画像/タブ/ grayrightbtn.png); \
                                    } \
QTabBar QToolButton ::左矢印{\
                                 背景色:RGB(132、171、208); \
                                 ボーダー幅:0; \
                                 背景画像:URL(:/画像/タブ/ leftbtn.png); \
                             } \
QTabBar QToolButton ::左矢印:ホバー{\
                                       背景色:RGB(132、171、208); \
                                       ボーダー幅:0; \
                                       背景画像:URL(:/画像/タブ/ hoverleftbtn.png); \
                                   } \
QTabBar QToolButton ::左矢印:無効{\
                                       背景色:RGB(132、171、208); \
                                       ボーダー幅:0; \
                                       背景画像:URL(:/画像/タブ/ grayleftbtn.png); \
                                   } \
QTabBar ::タブ:最初:選択された{\
                             マージン左:30。マージン右:0; \
                             色:白; \
                                 ボーダー画像:URL(:/画像/タブ/ sel3.png); \
                             } \
QTabBar ::タブ:最初:選択した{\!
                              色:黒; \
                                  マージン左:30。マージン右:0; \
                                  ボーダー画像:URL(:/画像/タブ/ normal3.png); \
                              } \
QTabBar ::タブ:最初:ホバー:\ {選択
                                    色:黒; \
                                        マージン左:30 ; マージン右:0; \
                                        ボーダー-画像:URL(:/画像/タブ/ hover3.png); \
                                    } \
QTabBar ::タブ:中央:選択された{\
                              マージントップ:0。余白左:-15; マージン右:8; \
                              色:白; \
                                  ボーダー画像:URL(:/画像/タブ/ sel3.png); \
                              } \
QTabBar ::タブ:中央:\ {選択
                               色:黒; \
                                   margin-トップ:0; 余白左:-15; マージン右:8; \
                                   ボーダー画像:URL(:/画像/タブ/ normal3.png); \
                               } \
QTabBar ::タブ:中央:ホバー:\ {選択!
                                     色:黒; \
                                         マージントップ:0; 余白左:-15; マージン右:8; \
                                         ボーダー画像:URL(:/画像/タブ/ hover3.png); \
                                     } \
QTabBar ::タブ:最後:選択された{\
                            マージントップ:0PX。margin-left:0; マージン右:0; \
                            色:白; \
                                ボーダー-画像:URL(); \
                            } \
!QTabBar ::タブ:最後:\ {選択した
                             色:黒; \
                                 マージントップ:0; margin-left:0; マージン右:0; \
                                 ボーダー-画像:URL(); \
                             } \
:: QTabBarタブ:最終:ホバー:選択した{\!
                                   カラー:ブラック; \
                                       マージントップ:0;マージン左:0;マージン右:0; \
                                       ボーダー-画像:URL(); \
                                   } \
::タブQTabBar:ワンのみ{\
                       マージン:0; \
                       }「);
ラベル]タブの長さ、また、動的に計算QTabBarをオーバーライドする必要があります。

二、设置QTabwidget的TabBarの样式1的

QStringのtabBarStyle =「QTabBar ::タブ{最小幅:100pxに、色:白;ボーダー:2ピクセル固体;ボーダー左上半径:10pxの;ボーダー右上半径:10pxの;パディング:5pxの;} \
QTabBar ::タブ:選択した{マージントップ:5pxの;} \!
QTabBar ::タブ:選択した{色:青;} ";
m_TabWidget-> setStyleSheet(tabBarStyle)。

第三に、設定QTabwidget TabBarのスタイル2

 

QTabWidget ::ペイン{
	国境:なし;
}
QTabWidget ::タブバー{
        アライメント:左;
}
QTabBar ::タブ{
	背景:透明;
	色:白;
	最小幅:30ex。
	分の高さ:10ex。
}
QTabBar ::タブ:ホバー{
	背景:RGB(255、255、255、100);
}
QTabBar ::タブ:選択しました{
	ボーダー色:白;
	背景:白;
	色:緑;
}

 

http://blog.csdn.net/libaineu2004/article/details/39829749

おすすめ

転載: www.cnblogs.com/lvdongjie/p/11787146.html