1. 程式人生 > >QTabWidget新增自定義樣式

QTabWidget新增自定義樣式

setStyleSheet("QTabWidget::pane{border-width:1px;border-color:rgb(48, 104, 151);\
                                    border-style: outset;background-color: rgb(132, 171, 208);\
                                    background: transparent;} \
QTabWidget::tab-bar{border-width:0px;}\
QTabBar::tab{border-bottom-color: #C2C7CB;\
             border-top-left-radius: 0px;\
             border-top-right-radius: 0px;\
             max-width: 75px; min-width:75px; min-height:25px;\
             font:14px Times New Roman;\
                 padding: 0px;\
                 }\
QTabBar::scroller {\
                   width:25;\
                       border:0;\
                           padding: 0px;\
                           }\
QTabBar QToolButton::right-arrow {\
                                  background-color:rgb(132, 171, 208);\
                                  border-width: 0;\
                                  background-image: url(:/images/tab/rightbtn.png);\
                              }\
QTabBar QToolButton::right-arrow:hover {\
                                        background-color:rgb(132, 171, 208);\
                                        border-width: 0;\
                                        background-image: url(:/images/tab/hoverrightbtn.png);\
                                    }\
QTabBar QToolButton::right-arrow:disabled {\
                                        background-color:rgb(132, 171, 208);\
                                        border-width: 0;\
                                        background-image: url(:/images/tab/grayrightbtn.png);\
                                    }\
QTabBar QToolButton::left-arrow {\
                                 background-color:rgb(132, 171, 208);\
                                 border-width: 0;\
                                 background-image: url(:/images/tab/leftbtn.png);\
                             }\
QTabBar QToolButton::left-arrow:hover {\
                                       background-color:rgb(132, 171, 208);\
                                       border-width: 0;\
                                       background-image: url(:/images/tab/hoverleftbtn.png);\
                                   }\
QTabBar QToolButton::left-arrow:disabled {\
                                       background-color:rgb(132, 171, 208);\
                                       border-width: 0;\
                                       background-image: url(:/images/tab/grayleftbtn.png);\
                                   }\
QTabBar::tab:first:selected {\
                             margin-left: 30; margin-right: 0;\
                             color: white;\
                                 border-image: url(:/images/tab/sel3.png);\
                             }\
QTabBar::tab:first:!selected {\
                              color: black;\
                                  margin-left: 30; margin-right: 0;\
                                  border-image: url(:/images/tab/normal3.png);\
                              }\
QTabBar::tab:first:hover:!selected {\
                                    color: black;\
                                        margin-left: 30; margin-right: 0;\
                                        border-image: url(:/images/tab/hover3.png);\
                                    }\
QTabBar::tab:middle:selected {\
                              margin-top: 0; margin-left: -15; margin-right: 8;\
                              color: white;\
                                  border-image: url(:/images/tab/sel3.png);\
                              }\
QTabBar::tab:middle:!selected {\
                               color: black;\
                                   margin-top: 0; margin-left: -15; margin-right: 8;\
                                   border-image: url(:/images/tab/normal3.png);\
                               }\
QTabBar::tab:middle:hover:!selected {\
                                     color: black;\
                                         margin-top: 0; margin-left: -15; margin-right: 8;\
                                         border-image: url(:/images/tab/hover3.png);\
                                     }\
QTabBar::tab:last:selected {\
                            margin-top: 0px; margin-left: 0; margin-right: 0;\
                            color: white;\
                                border-image: url();\
                            }\
QTabBar::tab:last:!selected {\
                             color: black;\
                                 margin-top: 0; margin-left: 0; margin-right: 0;\
                                 border-image: url();\
                             }\
QTabBar::tab:last:hover:!selected {\
                                   color: black;\
                                       margin-top: 0; margin-left: 0; margin-right: 0;\
                                       border-image: url();\
                                   }\
QTabBar::tab:only-one {\
                       margin: 0;\
                       }");
tab標籤的長度,也需要過載QTabBar來動態計算。

二、設定QTabwidget的TabBar的樣式1

QString tabBarStyle = "QTabBar::tab {min-width:100px;color: white;border: 2px solid;border-top-left-radius: 10px;border-top-right-radius: 10px;padding:5px;}\
QTabBar::tab:!selected {margin-top: 5px;} \
QTabBar::tab:selected {color: blue;}";
m_TabWidget->setStyleSheet(tabBarStyle);

三、設定QTabwidget的TabBar的樣式2

QTabWidget::pane{
	border:none;
}
QTabWidget::tab-bar{
        alignment:left;
}
QTabBar::tab{
	background:transparent;
	color:white;
	min-width:30ex;
	min-height:10ex;
}
QTabBar::tab:hover{
	background:rgb(255, 255, 255, 100);
}
QTabBar::tab:selected{
	border-color: white;
	background:white;
	color:green;
}

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

相關推薦

QTabWidget新增定義樣式

setStyleSheet("QTabWidget::pane{border-width:1px;border-color:rgb(48, 104, 151);\                                    border-style: outset;background-

QTabWidget新增定義的按鈕

原本的QTabWidget沒有支援在標籤後面新增自定義的按鈕的方法。想在後面新增自定義的功能按鈕需要重寫QTabWidget類,自己實現按鈕圖示的重繪和滑鼠點選判斷等操作。 1、使用到的主要事件函式:    (1) void paintEvent(QPaintEven

H5 audio 音訊標籤定義樣式修改以及新增播放控制事件

20181023 更新 原來的程式碼拖動進度點只寫了mouse事件,手機端的話應該是touch事件。所有出現了有朋友說的無法拖動進度條的問題。現在更新的程式碼已經加上touch事件,即無論是手機模式瀏覽,還是PC模式瀏覽都可以拖動進度點來調節音訊播放進度。完整程式碼也已經放上碼雲,需要的

Android RatingBar 定義樣式

android style Android RatingBar 自定義樣式1.先定義Style:<style name="RadingStyle" parent="@android:style/Widget.RatingBar"> <!-- 定義星星圖片 -->

定義樣式 dialog

set hub lte tar ssa targe 啊啊啊啊啊啊啊啊 logs float 自定義樣式 dialog,可設置界面外點擊屏幕外和返回鍵 是否消失 基本用法如下: CustomDialog.Builder customBuilder =

WPF DataGrid定義樣式

nap nes owb 模板 設計 fault sce 做了 efi WPF DataGrid自定義樣式 微軟的WPF DataGrid中有很多的屬性和樣式,你可以調整,以尋找合適的(如果你是一名設計師)。下面,找到我的小抄造型的網格。它不是100%全面,但它可以讓

如何用定義樣式編輯數學公式

mar vp9 vlc mdk gym http htm tar 自定義 42s5槍9僥掀骯仁AQhttp://www.zcool.com.cn/collection/ZMTg5ODc5ODQ=.html 可7睦IY3EUK露誶秦5http://www.zcool.com

Easyui 定義樣式設置表格高度後 TreeGrid多出空白行

增強 ble 空白行 eas table tr 兩種 easyui 定義 追加   EasyUI datagrid 官方代碼中 表格的高度太矮,於是新增了樣式來增強表格高度 .datagrid-btable tr{height: 35px;} /* datagrid

如何在博客園中查看別人的定義樣式

eee digg 鼠標右鍵 bsp span big log 自定義樣式 custom 很簡單。找到他的主頁,如果你用的是google瀏覽器,鼠標右鍵點擊檢查-Sources->customcss custom英文的意思就是定制的意思。這個就是了。

vedio定義樣式

r+ span spl style tint pro 需要 cli document dom結構: <video id="video1" width="399" height="300" poster="video_bg.jpg"> <sourc

表單定義樣式

部分 鼠標滑過 獲取 四種 post click rst awesome -m 總結自定義表單樣式的控件,涉及到一些css偽類偽元素知識 css組合選擇符 css組合選擇符在自定義表單控件中扮演著連接的作用,便於控制元素樣式,css3中有四種組合選擇符。 後代選擇器 :以

cnblog博客園定義樣式修改標簽頁的icon圖標

16px 特色 div rtc .get 地址 type light head 有沒有發現大多數的博客園標簽右上角都是一個小礦工,千篇一律沒有什麽特色,想不想設置一個像我一樣的個性化icon圖標呢? 按照以下四步你也可以實現自定義標簽圖標。 From To 第一步

input[type="radio"]定義樣式

就是 isp 目標 關聯 自己的 繪制 image 會有 技術分享 input為radio時,雖然會有默認選中的樣式,但是並不符合大多數項目的需求,我們的目標是可以隨心所欲自定義它的樣式。怎麽做呢?其實很簡單,只要抓住3點。分別是1.label 2.隱藏自帶樣式 3.繪制我

對復選框定義樣式 優化方法

lock 優化 title IE 得到 nbsp 組合 box alt 對復選框自定義樣式,我們以前一直用的腳本來實現,不過現在可以使用新的偽類 :checkbox 來實現。 如果直接對復選框設置樣式,那麽這個偽類並不實用,因為沒有多少樣式能夠對復選框起作用。不過,倒是可

定義樣式,使用瀏覽器閱讀epub格式的電子書

直接 獲得 ans 更改 替換 html delay lastindex files epub格式的電子式一般用專門的閱讀器打開,但是如果可以使用瀏覽器打開,就可以隨意更改css了,獲得極致的體驗效果。 比如可以自定義字體、行間距、背景色、字體大小、縮進等等... 當然

Ralink RT5350:新增定義GPIO應用程式

Ralink RT5350:新增自定義GPIO應用程式 1.編寫LED應用程式,並修改相關配置檔案 1.1 新建led目錄 1.2新建led.c 1.3 編寫led.c 1.4 新建led目錄下Makefile 1.5 修改led上層目錄下的Makefile 1.6 將IO口

ArcMap新增定義工具異常 - No New Objects added

問題描述: ArcMap新增自定義工具經常會出現“No New Objects added”的異常提示 原因分析: 新增的 XX.tlb 檔案未正確註冊造成,可能原因有兩種: 1、許可權不夠導致新增失敗 2、tlb檔案編譯不正確 解決方案: 方法一、點選"ArcMap"程式圖

macOS 開發 - NSWindow 定義樣式

零:整體結構 一、設定標題 二、設定標題欄圖示 三、設定視窗背景顏色 方法1:window.backgroundColor 方法2:window.contentView.layer.backgroundCol

Apollo新增定義的環境

如果需要新增的環境不是Apollo預先定義的環境,請參照如下步驟操作: 假設需要新增的環境名稱叫sit 修改com.ctrip.framework.apollo.core.enums.Env類,在其中加入SIT列舉: public enum Env{ LOCAL, DEV, SI

009-Ambari二次開發之新增定義元件Redis(二)

上一篇我們主要介紹了Ambari新增元件的答題流程並以REDIS為例說明了流程,本篇在上一篇的基礎上,進一步完善說明流程並介紹如何給元件新增metric 掃描二維碼,關注BearData,獲取最新文章 上篇中,我們已經制作出了redis的rpm包,並重新編譯了我們修改後的Ambar