小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

搜索
分享

Qt 之 stylesheet 用法, QSS實(shí)例

 tianht 2016-04-13
背景圖片九宮格
border-width: 5px; 
border-image: url(./run/images/news/group_normal.png) 5 5 5 5 stretch stretch;

border-width必須要加上，用border-image來(lái)自動(dòng)根據(jù)大小擴(kuò)展，而不用background-image

字體顏色
color: white;

按鈕3種狀態(tài)：正常，鼠標(biāo)置上，按下
QPushButton
QPushButton:hover
QPushButton:checked
對(duì)于checked，要把QPushButton設(shè)置為可checkable。(setCheckable(true))



實(shí)例：http://blog.csdn.net/xuhongtao123459/archive/2010/09/10/5875614.aspx

01.*{   
02.  font-size:13px;   
03.  color:white;   
04.  font-family:"宋體";   
05.}   
06.CallWidget QLineEdit#telEdt  
07.{   
08.  font-size:24px;   
09.}   
10.QMainWindow,QDialog{   
11.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
12.                                 stop: 0 #1B2534, stop: 0.4 #010101,   
13.                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);   
14.}   
15.QWidget{   
16.    background:#121922;   
17.}   
18.QLabel{   
19.   background:transparent;   
20.}   
21.DailForm QLineEdit#phoneLineEdt{   
22.  font-size:36px;   
23.  font-weight: bold;   
24.}   
25.QPushButton,QToolButton{   
26.    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
27.                                 stop: 0 #5B5F5F, stop: 0.5 #0C2436,   
28.                                 stop: 1.0 #27405A);   
29.    border-style: outset;   
30.    border-width: 1px;   
31.    border-radius: 5px;   
32.    border-color: #11223F;   
33.    padding: 1px;   
34.}   
35.QPushButton::hover,QToolButton::hover{   
36.    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
37.                                 stop: 0 #758385, stop: 0.5 #122C39,   
38.                                 stop: 1.0 #0E7788);   
39.    border-color: #11505C;   
40.}   
41.QPushButton::pressed,QToolButton::pressed{   
42.    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
43.                                 stop: 0 #969B9C, stop: 0.5 #16354B,   
44.                                 stop: 1.0 #244F76);   
45.    border-color: #11505C;   
46.}   
47.QPushButton::disabled,QToolButton::disabled{   
48.    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
49.                                 stop: 0 #282B2C, stop: 0.5 #09121A,   
50.                                 stop: 1.0 #111D29);   
51.    border-color: #0A1320;   
52.    color:#6A6864;   
53.}   
54.QDialog QPushButton,QDialog QToolButton{   
55.  min-width:30px;   
56.  min-height:23px;   
57.}   
58.QToolButton[objectName="minimizeToolBtn"] {   
59.    background: transparent;   
60.    border:none;   
61.    image:url(qss/minimize.png)   
62.}   
63.QToolButton[objectName="minimizeToolBtn"]:hover,QToolButton[objectName="minimizeToolBtn"]:pressed {   
64.    image:url(qss/minimize_hover.png)   
65.}   
66.QToolButton[objectName="maximizeToolBtn"] {   
67.    background: transparent;   
68.    border:none;   
69.    image:url(qss/maximize.png)   
70.}   
71.QToolButton[objectName="maximizeToolBtn"]:hover,QToolButton[objectName="maximizeToolBtn"]:pressed {   
72.    image:url(qss/maximize_hover.png)   
73.}   
74.QToolButton[objectName="closeToolBtn"],QToolButton[objectName="customCloseWindow"] {   
75.    background: transparent;   
76.    border:none;   
77.    image:url(qss/close.png)   
78.}   
79.QToolButton[objectName="closeToolBtn"]:hover,QToolButton[objectName="closeToolBtn"]:pressed{   
80.    image:url(qss/close_hover.png)   
81.}   
82.QToolButton[objectName="customCloseWindow"]:hover,QToolButton[objectName="customCloseWindow"]:pressed{   
83.    image:url(qss/close_hover.png)   
84.}   
85.QToolButton[objectName="titleSetUpToolBtn"]{   
86.    background: transparent;   
87.    border:none;   
88.    image:url(qss/setup.png)   
89.}   
90.DailForm QToolButton#oneToolBtn,QToolButton#OneToolBtn,QToolButton#twoToolBtn,QToolButton#threeToolBtn,   
91.         QToolButton#fourToolBtn,QToolButton#fiveToolBtn,QToolButton#sixToolBtn,   
92.         QToolButton#sevenToolBtn,QToolButton#eightToolBtn,QToolButton#nineToolBtn,   
93.         QToolButton#starToolBtn,QToolButton#zeroToolBtn,QToolButton#sharpToolBtn {   
94.    font-size:36px;   
95.    border-radius: 10px;   
96.}   
97.DailForm QToolButton#delToolBtn{   
98.    border-radius: 10px;   
99.}   
100.QFrame{   
101.    border-color:#32435E;   
102.    border-width:1px;   
103.    border-radius: 3px;   
104.}   
105.QLineEdit,QTextEdit {   
106.    border: 1px solid #32435E;   
107.    border-radius: 3px;   
108.    /* padding: 0 8px; */  
109.    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
110.                                 stop: 0 #080B10,   
111.                                 stop: 1.0 #212C3F);   
112.    selection-background-color: #0A246A;   
113.}   
114.QLineEdit::hover{   
115.  border-color:#5D8B9E;   
116.}   
117.QLineEdit[echoMode="3"] {   
118.     lineedit-password-character: 9679;   
119.}   
120.#QLineEdit:read-only {   
121.     background: #543F7C;   
122.}   
123.QTabWidget::pane { /* The tab widget frame */  
124.     border: 0px solid #32435E;   
125.     position: absolute;   
126.     left: -0.1em;   
127.}   
128.QTabWidget#MainTabWidget::tab-bar {   
129.     left: -3px; /* move to the right by 5px */  
130.}   
131.QTabWidget#MainTabWidget QTabBar::tab {   
132.     height: 14ex;   
133.     width: 14ex;   
134.}   
135.QTabBar::tab {   
136.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
137.                                 stop: 0 #292F31, stop: 1 #0C131E);   
138.}   
139.QTabBar::tab:selected{   
140.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
141.                                 stop: 0 #113845,  stop: 1.0 #15A8FF);   
142.}   
143.QTabBar::tab:hover {   
144.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
145.                                 stop: 0 #113845,  stop: 1.0 #0E6F80);   
146.}   
147.#QTabBar::tab:selected {   
148.     border-color: #32435E;   
149.     border-right-color: #32435E; /* same as pane color */  
150.}   
151.#QTabBar::tab:!selected {   
152.     margin-left: 2px; /* make non-selected tabs look smaller */  
153.}   
154.#QTabBar:tab:first:selected {   
155.    margin-top: 0;   
156.}   
157.QTabBar:tab:last:selected {   
158.    margin-right: 0;   
159.}   
160.QTabBar:tab:only-one {   
161.     margin: 0;   
162.}   
163.QListWidget{   
164.    border: 1px solid #32435E;   
165.    background:#050609;   
166.}   
167.QListWidget::item:selected {   
168.     /*border: 0px solid #33CCFF;*/  
169.     border:none;   
170.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
171.                                 stop: 0 #6A848C,  stop: 1.0 #0F9EAF);   
172.     padding:0px;   
173.     margin:0px;   
174.}   
175.#QListWidget::item:selected:!active {   
176.     border-width: 0px ;   
177.}   
178.#QListWidget::item:selected:active {   
179.     border-width: 1px;   
180.}   
181.  
182.QComboBox {   
183.     border: 1px solid #32435E;   
184.     border-radius: 3px;   
185.     padding: 1px 18px 1px 3px;   
186.     min-width: 6em;   
187.}   
188.QComboBox::hover{   
189.  border-color:#5D8B9E;   
190.}   
191.QComboBox:editable {   
192.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
193.                                 stop: 0 #080B10,   
194.                                 stop: 1.0 #212C3F);   
195.}   
196.QComboBox:!editable, QComboBox::drop-down:editable {   
197.      background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
198.                                 stop: 0 #080B10,   
199.                                 stop: 1.0 #212C3F);   
200.}   
201./* QComboBox gets the "on" state when the popup is open */  
202.QComboBox:!editable:on, QComboBox::drop-down:editable:on {   
203.     background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
204.                                 stop: 0 #080B10,   
205.                                 stop: 1.0 #212C3F);;   
206.}   
207.QComboBox:on { /* shift the text when the popup opens */  
208.     padding-top: 3px;   
209.     padding-left: 4px;   
210.}   
211.QComboBox::drop-down {   
212.     subcontrol-origin: padding;   
213.     subcontrol-position: top right;   
214.     width: 15px;   
215.     border-left-width: 1px;   
216.     border-left-color: 32435E;   
217.     border-left-style: solid; /* just a single line */  
218.     border-top-right-radius: 3px; /* same radius as the QComboBox */  
219.     border-bottom-right-radius: 3px;   
220.}   
221.QComboBox::down-arrow {   
222.     image: url(qss/downarrow.png);   
223.}   
224.QComboBox::down-arrow:on { /* shift the arrow when popup is open */  
225.     top: 1px;   
226.     left: 1px;   
227.}   
228.QComboBox QAbstractItemView {   
229.     border: 2px solid #32435E;   
230.     selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
231.                                 stop: 0 #506B79,   
232.                                 stop: 1.0 #0D95A6);   
233.    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,   
234.                                 stop: 0 #1B2534, stop: 0.4 #010101,   
235.                                 stop: 0.5 #000101, stop: 1.0 #1F2B3C);   
236.}  


本文來(lái)自CSDN博客，轉(zhuǎn)載請(qǐng)標(biāo)明出處：http://blog.csdn.net/xuhongtao123459/archive/2010/09/10/5875614.aspx

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多