《Qt样式表使用说明.docx》由会员分享，可在线阅读，更多相关《Qt样式表使用说明.docx（29页珍藏版）》请在课桌文档上搜索。
1、运用border-image原性可以指定各个边界图,他要求指定一个图像文件名和定义9个格子的4条“切蹑”.切线用到上右下和左边缘的距离定义.BOrder.png作为边界图,距离上、右、下和左的切浅为4、8、12和16应当如下定义：border-image：url(boder.png)481216;但运用边界图时,必需显示地设置border-image属性.一股状况下,border-width应当及切线的位置一样：否则，为了及border-Mdth和符合，角上的格子将被拉伸或拧缩短.对border.png应当这样设附指定他的四个边框的宽度：border-width:4px8px12px16px;
2、这样才能把刚才切割的四个用的图片完全的放置到border中当做border区域的背景.2.渐变器Qt支持三种渐变器查看例题5.渐变器1 .线性渐变(qlineargradient)：连接这两点的线上有一系列的颜色断点.两个限制点之间的不同位置指定不同的颜色.位置川。和1之间的浮点数来确定，。对应帝第一个限制点，1对应存其次个限制点,两个指定断点之间的前色由践性插向得出,2 .辐射渐变qradialgradient)有一个中心点(xn.yn),半径r,一个供点xf.yf)以及射色断点定义.中心点和半径定义一个圆.颜色从焦点向外扩散，焦点可以是中心点或者阳内的其它点.3 .楮形渐变(qconial
3、gradlent)：由一个中心点x,y和一个角度a定义。狗色在中心点四MI像钟表的秒针扫过一样扩汝。五、样式表参照表：1.样式选择器类型表选界叁实例可以西配的由口部件全局对象*对全局的随意窗U部件类蟹QDIaI给定类的实例，包括这个类的子类类.QDiaI给定类的实例，不包括子类标识QDiaItfageDiaI给定对象名称的窗11(ageDial犬示对纵的名字,在代码中可知)QtM性QDial(y=,OJ为某些展性献伯的窗11,我示当Y(属性)为0(false)或者为1(true)的时候子对象QFrameQDiaI给定窗口部件的干脆干类子孙对象QFrameQDiaI给定窗11部件的子孙窗口邰件2
4、.可以应用样式表的窗口部件表=选择器彝件可应用的样式Otbitittridioblt择的小圆圈），蚊认时，CheCk指示符放词在矩形内容的左边。3.spacing属性指定CheCk指示符和文本（彳侧的描述文字）的柜肉.,1.具体看例：20定制QRadiOBUtton.QScrollBarA1.支持盘模式.2 .控件上盒模式横纵的content的内容依靠于梢上的滑动器t-arrow和:down-aro,箭头坡认是在add1ine的愈模式contents的中间位I1.6 .IMib-Iine设置削M内容的按钮样式，:left-arrow和：UPFrrov,徜头在按钮的中间位置“7 .:sub-pa
5、geiJi页和add-page增加页.具体看例：21定制QScrollBar.QSizeGrip（通过它可以变更它所在顶级窗口的大小,在原级窗口的右下角）1.支持Width、hit.i三agett.2.具体若例：22定制QSiZeGrip.OSliderI:a-1.1 .支持盒模式.2 .对于横向.Bin-width和height屈件必需供应.3 .对于纵向.Bin-height和Width同性必需供应.l.：:gxxx）ve设况相，一般状况下梢是玳认在盒模式的content,控件可以滑动的handle（句柄）用：:handlc协助限M器设置.句柄在彬上移动，在盒模式中的COnICn1。5.具
6、体看例:23定制QSIider.QSpinBox1,支持盒模式.2 .:upbuttcm和UP-arrow限制上面的按钮和按妞上筋头.3 .:down-button和dosrarrow限制下面的按钮和按钮上的漪头，默认篇头在按钮的中间位置,具体看例：24定制QSpinBox.IodQSplitter界面分别器）一个界面被分为两个1 .支持盒模式。2 .：:handle设置分割湍可移动句柄handle.具体若例:25定制QSPIitter.QStatusBar状态栏1 .JIfjbaCkgroUndl性起作用.每一,个ite三sJl:Ium设置.2 .具体看例：26定制QStatusBarrQT
7、abBar1.每一个tab页用：tab设置样式.关闭用:二closeHbttttan.tab页支持gl尸one、:Iastx:iddle、：privious-selected*next-seleced、selected状态。2 .top、leftsrightxbotto状态取决于IdbS在部件的方向。3 .选择重登tabs状态（这个状态时表示在许多tab的时候.点击一:SeParatorQMaInWindow和QMenU的分别器（就是，个主111被分别成几个小的区域的线，QMenu里是item的分别线.:$ub-llneQScroIIBar内容削减方向的按钮，:sub-pageQSCroIIB
8、ar削减一页的按钮,在滑块及削减行subline之间，:tabQTabBar和QTdoIBox的一个页选项“:tab*bar一个QTabWidget(f)tab按钮.设置tabs一般用二tab.:tearTabBar的指示符UtearoffQMenu的指示符:textQAbstractitemView的内容.QGroupBox和QDockWidget的标遨.:up-arrowQHeaderView（排序时）、QSaoIIBarQSPinBoX向上按钮脩头，:up-buttonQSpinBox的向上按钮，4.状态列表状态说明:active当前活动的窗1.:adJoinsTteaQTreeView
9、的一个branch存在毗邻下一个及自己不足兄弟项目的%:altemate当QAStraetiteNVieV的QAstractitemView：alternatingRoWCOlorS。的典性设沼为true时，行之间背景颜色交竹颜色变更，:botto在ilem的下面，例如QTabBor的Iab按钮在下面。:checked按钮已选中”:CIoSabIeiteas是可以关闭的例如QDockIidget有一个QDockWidget:DockWidgetClosabIe的功能。:closed（open相对的）窗口位于关闭或者销毁的状态,例如QTreeViS没有打开时的状态:default就认的状态.:d
10、isabled禁用窗口部件:editabledQCoBboBox可以编辑的:edit-focus那种可编辑的控件比如文本框.当它正在编辑的时帔，就是QStyle:StatejIasEditFocus状态。:enabled启用髓口部件.:exclusive表示按钮组设置为单选.只能选择一个的状态.例如菜单栏的选项.:first部件的第一个，例如QTabBar的第一个tab:flat没有突起的部件，Zfloatable部件是可浮动，例如QROCkHidget.:focus窗11部件有输入焦点.:has-chiIdrenIte有子书目的,例如QTreeView.:ha8-8iblings有兄弟书目的
11、，MftlQTroeViow.2 .默认是支持类QAbstractItesViev的子类,QAbstractSpinBoxsubclasses,QCheckBox,QComboBox.QDialog.QFrame.QGroupBox.Q1.abeI,QPushButton,QRadioButton,QSplitter,QTextEdit.QToolTip,和一些设置比较单一的QWi的子类,QAbstraclSpinBoxsubclasses,QCheckBox,QCOmbQBox.Qfraae.QGroupBox,Q1.abcl.Q1.ineEdit,QMenu,QMenuBarfQPushB
12、utton,QRadioButtonlQSplitter,QTcxlEdil,QToolTip,和一些设置比较单一的QIidgets.3.例子：Q1.ineEdit(lxrder:IpxsolidWhiteborder-topBorder简洁的设置部件上的外框线，等效于border-top-color,border-top-style,或者border-top-widthborder-rightBorder简洁的设置部件上的右外框绫，等效于border-right-color,lx*rder-right-style,或者borderrightwidthborder-bottoaBorder冏洁
13、的设置部件上的左外框线,等效于borderbottom-color,borderbottomstyle.或者border-botto三-ridthborder-leftBorder简洁的设置部件的下外框线,等效于border-Ieft-color,border-left-style,或者border-left-widthborder-colorBoxColors1.设置全部外框线的颜色，bordcrrop-color,border-right-coior,border-bo11o11rco1or,和border-left-color.2.支持全部的AbstractIteniView的子类.QA
14、bStTaetSPinBoXsubclasses,QCheckBox.QComboBox,QFrae,QGroupBoxtQ1.abe1.font-style,及font-weight.3 .那么就支持全部的部件（部件支持font）运用.4 .默认的状况下是QWidget:font.5 .例子：QCheckBox（font:bolditaliclargeTimesNewRoman*font-faailyStringl字体集2例子：QCheckBoxfont-family:NewCenlurySchoolbook”font-sizeFontSize1 .文本字体的大小。2 .在Ql中只支持Pt和
15、px.3 .例子：QTextEdit(font-size:12pxfont-styleFontStyle1 .文本字体的样式.2 .例子：QTextEditfont-style:italicfont-veitFont!eight文本字体的崂数。gridline-color*Color1 .在QTabelView的去格颜色。2 .假如这个属相没被设定,默认值被当前样式SH_Toble_Grid1.ineColor指定.3 .例子:Igridline-color:gray)height1.ength1 .协助限制器的高度(例如一个Iridget).2 .假如没有设定，则默认假是依据当前为助限制器自
16、己的样式或者是窗口部件的样式显示.3 Jarning:假如一个部件设定了固定的宽和高.么这个周性将不起做用，如设嵬了一个部件的in-height和max-height。1.例子：QSpinBox:downbuttonheight:IOpx：5.可以参考Width.icon-size1.ength1.在部件中设置图标的高和宽.2.以下的类可以用到这个属性QCheCkBOXQIJstViewQPushButtonQRadioButtonQTabBarQToolBarQTooIBoxQSpinBox:down-button(right:2px)5.可以参考left,top,和bollom(selec
17、tion-background-color*Brush1 .选择1个iie三时的背景颜色，2 .这个部件是可选并且QWidget:Ipaletto都支持此原性.3 .默认状况下是HighIight.1.例子：QTextEditSCIeCIion-backrUUnd-Color:darkblue)5.可以参考SeIeCtiOn-CoIOr和background.selection-color*Brush1 .选择一个ite时的前景色.2 .这个部件是可选并HQWidget:palette都支持此属性，3 .默认是HighlightedText4 .例子:QTextEdit(selection-c
18、olor:white)5 .可以杳看selection-background-colorandcolor.shv-decoration-selected*Boolean1.2. W认情卜SH_IIeflIYiew_ShowDecorationSelected限制样式3. 例子：拿(sho*-decoration-seleclcd:1)spacing*1.enKlh1 .部件的内部空间大小。2 .支持类QChoCkBOxcheckableQGroupBoxes.QMenuBar,andQRadioButton.3 .寒认们由当前的部件的大小确定，1.例子：QMenuBarspacing:10)5
19、.可以参考padding和margin.subontrol-originOrigin1.在盒模式的四个区域中设置协助限制器起点位置.2默认为padding，3 .例子：QSpinBox:up-buttonimage:url(:/images/spinup.png);subcontrol-origin:ntent;subcontrolposition：righttop;4 .可以参考SUbCOntro1.POSition.tet-alignAlignment1 .设巴文本.图标在部件盘模式COntent中文本起始方向.2 .例子：QPushButton(text-align:left;)Note
20、：这个屈性目前(4.8只支持QPushButton和QProgressBar.text-derationnoneunderlineoverlineline-through添加文本效果.没有效果，下划投，上划线，t&穿过文本。toplength1 .假如是相对位置（默认）协助眼制器的移动通过抵消原来的位置向下移动.2 .肯定位较，r限制器的上边界关联于母控件的上边界线。3 .欣认的状况下是0.4 .例子:QSpinBox:up-buttontop:2px5 .可以参考right,left,和bottom.width1.ength1协助限制器的宽度（例如个Widget）.2.假如没有设定，则蚊认值
21、是依据当前协助限制器自己的样式品示。3Warning:假如一个部件设定了固定的宽和高，蜃么这个典性会不起做用的，如设冏Jr一个部件的min-helght和max-height.4 .例子rQSpinBox:up-buttonwidth:12px）5 .可以叁考height,6.图标列表暂不介绍。5.值列表阅读此表方式：这是属性的值，通过属性查找到这里时就依据依查找后面对应的语法,把语法里的黑体的首字母非大写的干脆加在后面.语法一栏里仍用有黑体字体,仍IH依据这个方式查找.宜到没有黑色首字母大写值，参看例时.值语法说明AlignMnt(topbottomleftrightcenter)方位QTe
22、xtEditbackrourlqlinearnradicnl(xl:0,yl:0,x2:1,y2:l.StCP:0white,stop:0.lrgba(10,20,30,10),stop:lrgb(0,200,230,200透亮度)/conicalgradientfromwhitetogreen*/QTextEdit(backgrour:qcorica1radient(ex:0.5,cy:0.5,angle:30,stop:0white,stop:1SOoFFOo)*中心煮(0.5,0.5)角度30*/*radialKradienlfromwhitetogreen/QTeXtEditbackg
23、round:qradiaIgradient(cx:0,cy:0,radius:Ufx:0.5,fy:O.5,stop：0white,stop:1green)/中心点(0.0),半径1焦点(0.5,0.5从尔点起先渐变*/IconWl(disabledactivenoraalselected)9(onoff)?八一组图标地址+按钮的(禁用I活动I正常选杼)?意思是前面括号里四个中的一个状态和后面两个中的一个的组合来限制图片的故示哪一个。例：*:url0,url0selected：QMessageBoxdiaIogbutIonbUX-butIonS-have-icons:true：dialOg-O
24、k-icon:urI(ok.svg);dia1og-cance1-icon:url(cancel,png),url(grayed_cancel.png)disabled;1.engthNmber(pxplex)?长度单位（数字+其中一个NuaberAdeci三alintegerorarealnunbor一些十进制的整数或者是其假值,数字如:0.18,H27.-255.12.34.5,OOOH等.Originaarginbordermargin:最外边的矩形.可以限制两个部件之间的空微。3J3A线图I奈视囹I4. QPushButton(lackground-co1or:red;Ixirder-
25、Style:outset;bordcriAidlh:2px:borderradius:IOpx;*边缘线的半径*/border-color:仲fcafl7:*按钮的边缘线为黄色*/font:boldllpx;/*字体*/min-width:10e三:padding:6px;)5. QPushButton:pressed(backgroundcolor:7f,b80e;当按钳被按下(PreSSed)的时候就出现若绿色按钮*/border-style:inset;border:Ipxsolidgray;外圉椎的IPX的gray色的实线*/border-radius:3px;/*四个角半径的弧度3p
26、x*/padding:5pxI8px5pxIoPx;/*中间文本及上、右、下、左之间的空隙*/min-width:20ern;*QCo三bBox最小宽吱*/)2. QCoffibOBox:CditabIe(backround:blue:)/*可编辑的变为bluo*/exampleforQCBox001.p*/*i1!W121V213t9l:223. QComboBox:!editab1e,QComboBox:dropd11:editable(background:qlineargradient(xl:O.yl:O,x2:O,y2:1,stop:OJtfl73ac,stop:O.4OOae9sl
27、op:1.Oef1136);)/，上到下的一种线性渐变器*/imagesForExa三p1e:examp1e_for_QCimagesForExaap1e:exanple_forQConboBox002.Png现象*/5. QCoBox:onroBRChCfIln父三”)2. Q1.incEditreadly=*true*color:Sea66a6:background-color:R6S)50al;）*只读（只可以读取不行以输入文字进行编轼的文字）对话框前景（文字）颜色是#ca66u6,背景颜色S6950nl*/iBagesPorExa三p1e:exampleforQ1.ineEdit003
28、.png*zwarhi航素3. Q1.ineKdit(color:red;)Q1.inCEditreadonly=true)(color:Jtfcafl7;Q11ialoQ1.ineEdilbackround-color:71180e:在QDialog上的Q1.ineEdit的背景颜色都为S7fb8e/iIiagesForExaBple:exampleforQ1.ineEdit002.png*/1.ildwidth:IOpx;/whenvertical/height:IOpx;*whenhorizontal/)*主窗口的分割妓为yell。/QMainWindcyA,:!separator:ho
29、verbackground:red;)当鼠标划过时为red*/16.定制QMenu1. QMenu(backgroundcolor:#ABABAB;setsbackgroundofthemenu/border:Ipxsolidblack;)AQWmu的背景颜色这个Stemi的框为IPX实线的black/2. QMcnuzzitcB(/setsbackgroundofaenuitem,setthistosomethingnon-transparentifyouxOIQPx;/*两头的是IoPX的小方块*/)/,横向的滚动条外边缘线2px实线grey背景颜色是*32CC99.高为15p*/QScr
30、ollBar:Zhandlezhorizontal(backround:while;minwidth:20px;)/*滚动条的滑块(handle)为白色，宽度为20PX/QScrollBar:addIineohorizontalborder:2pxsolidgrey;background:694d9f.width:20x;subcontrolposition:right;subcontrol-origin:margin;)*向添加内容方向的小方块颜色,宽度，位置，边掾城”QScrol!Bar:Isub-Iinezhorizontalborder:2pxsolidgrey;backround:三
31、edl941:width:20px;subcontrol-position:left;subcontrol-origin:margin;)向削减内容方向的小方块颜色.宽度.彼置.边缘线”/inagesForExa三p1e:exampleforQScrolIBarOOl.p11*/background:blue;width:16px:subcontrol-position:right;subcontrol-origin:marin:border:2pxsolidblack：)QScro11Bar:sub-line:hori2onta1background:magenta：width:16px;s
32、ubcontro1-position:topright;subcontrol-oriin:IniirKin;border:2pxsolidblack;position:absolute;right:20x;)QScrol!Bar:left-arrow:horizontai,QScrollBar:right-arrow:horizonta1width:3px;height:3x;background:pink;)QScrollBar:add-pagc:horizuntalQScrolIBar:sub-page:horizontal(background:none;)iIiagesFoeExaii
33、ple:example.forQScrolHhr0O2.png*/bord*r:xcrnterttrCyBn.elaarn:Opx40OOga.OcritUr:hanH:bclxcnt*l(txktrxfs:cray,h：2.OecrHBir:blirie:belZ4nttl(b*ckrxnd:blue.”hh;l*.ubntzl-poHtlg:Hthl.Uc4ntrol*4rltn:b*(111.Wrdcri2wMlldWck.Q5cr*)lr:IfUrMne:helX4ntIl(bkxvt:scert.S*h:ICqx.ub的QrO卜g11QlQrlubc3nU9l4rltln:Btrln
34、berdtr:2ga4idblade.竖向的滚动条和纵向的滚动条设过时类似的.QScrolIBarzverticalborder:2pxsolidgrey;background:32CC99:24.定制QSpinBoxQSpinBoxpaddig-right:15px;makeroomforthearrows/border-image:url(sty1esstart.png)4;border-width:3;)QSpinBox:upbuttonsubcontrol-origin:border;subcontrol-position:topright;*positionatthetopright
35、corner*/width:16px;16+2lpxborderwidth=15pxpadding3pxparentborder*/border-image:url(sty1esstart.png)1;border-width:lp;)QSpinBox:up-button:hoverborder-image:Url(StyleS/start.png)1;)QSpinBox:up-button:pressed(border-image:urlsty1esstart.pg)1;)QSpinBox:up-arrowimage:Url(StyIeS/start.png);width:7p;height:7px;)QSplnBox:up-arrow:di$abledzQSpinBox：up-arrow：offoffstatewhenvalueismax/image:uri(stylesstart.p11g;)QSpinBox:down-buttonsubcontrol-origin:border;subcontrol-position:bottomright;*positionatbottomrightcorner*/width
