宽甸县建设局网站,wordpress图片主题 简约,网站开发命名规范,网络管理员正在设计新的无布局目录 1.样式属性0.前言1.盒模型(Box Model) 2.常用控件样式属性1.按钮2.复选框3.单选框4.输入框5.列表6.菜单栏7.注意 1.样式属性
0.前言
QSS中的样式属性⾮常多#xff0c;不需要都记住#xff0c;核⼼原则是⽤到了就去查 ⼤部分的属性和CSS是⾮常相似的 QSS中有些属性不需要都记住核⼼原则是⽤到了就去查 ⼤部分的属性和CSS是⾮常相似的 QSS中有些属性⼦元素能继承⽗元素但是也有很多属性是不能继承的 具体哪些能继承哪些不能继承规则⽐较复杂实践中编写更精准的选择器是上策 在翻阅⽂档的时候涉及到⼀个关键术语盒模型(BoxModel)所以这里简单介绍以下 1.盒模型(Box Model) 在文档的Customizing Qt Widgets Using Style Sheets的The Box Model章节介绍了盒模型 ⼀个遵守盒模型的控件由下述⼏个部分构成 Content存放控件内容如包含的⽂本/图标等 Padding内边距边框和内容之间的距离 Border控件的边框 Margin外边距边框到控件geometry返回的矩形边界的距离 默认情况下外边距内边距边框宽度都是0 可以通过⼀些QSS属性来设置上述的边距和边框的样式 margin设置四个⽅向的外边距复合属性可以拆成四个属性 margin-left, margin-right, margin-top, margin-bottom设置 margin: 10px四个方向都是10px的外边框margin: 10px 20px上下是10px左右是20pxmargin: 10px 20px 30px 40px上右下左(顺时针) padding设置四个⽅向的内边距复合属性也可以像margin一样拆分成四个属性border-style设置边框样式border-width边框的粗细border-color边框的颜⾊border复合属性相当于border-style border-width border-color 示例 QString style QLabel { border: 20px dashed green; padding-left: 50px; };
a.setStyleSheet(style);2.常用控件样式属性
1.按钮
font-size设置⽂字⼤⼩border-radius设置圆⻆矩形 数值设置的越⼤⻆就越圆 background-color设置背景颜⾊示例QPushButton {font-size: 20px;border: 2px solid #8f8f91;border-radius: 15px;background-color: #dadbde;
}QPushButton:pressed {background-color: #f6f7fa;
}2.复选框
::indicator⼦控件选择器选中checkbox中的对钩部分:hover伪类选择器选中⿏标移动上去的状态:pressed伪类选择器选中⿏标按下的状态:checked伪类选择器选中checkbox被选中的状态:unchecked伪类选择器选中checkbox未被选中的状态width设置⼦控件宽度对于普通控件⽆效(普通控件使⽤geometry⽅式设定尺⼨)height设置⼦控件⾼度对于普通控件⽆效(普通控件使⽤geometry⽅式设定尺⼨)image设置⼦控件的图⽚ 像QSpinBoxQComboBox等可以使⽤这个属性来设置⼦控件的图⽚ 3.单选框
::indicator⼦控件选择器选中RadioButton中的对钩部分:hover伪类选择器选中⿏标移动上去的状态:pressed伪类选择器选中⿏标按下的状态:checked伪类选择器选中checkbox被选中的状态:unchecked伪类选择器选中checkbox未被选中的状态width设置⼦控件宽度对于普通控件⽆效(普通控件使⽤geometry⽅式设定尺⼨)height设置⼦控件⾼度对于普通控件⽆效(普通控件使⽤geometry⽅式设定尺⼨)image设置⼦控件的图⽚ 像QSpinBoxQComboBox等可以使⽤这个属性来设置⼦控件的图⽚ 4.输入框
border-width设置边框宽度border-radius设置边框圆⻆border-color设置边框颜⾊border-style设置边框⻛格padding设置内边距color设置⽂字颜⾊background设置背景颜⾊selection-background-color设置选中⽂字的背景颜⾊selection-color设置选中⽂字的⽂本颜⾊示例QLineEdit {border-width: 1px;border-radius: 10px;border-color: rgb(58, 58, 58);border-style: inset;padding: 0 8px;color: rgb(255, 255, 255);background:rgb(100, 100, 100);selection-background-color: rgb(187, 187, 187);selection-color: rgb(60, 63, 65);
}5.列表
::item选中QListView中的具体条⽬:hover选中⿏标悬停的条⽬:selected选中某个被选中的条⽬background设置背景颜⾊border设置边框qlineargradient设置渐变⾊有6个参数 两个点描述方向取值非常有限非0即1组合为矩形的四个点 x1, y1标注起点x2, y2标注终点 stop0, stop1描述两个颜色渐变过程是从stop0往stop1进行渐变的 示例QListView::item:hover {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #FAFBFE, stop: 1 #DCDEF1);
}QListView::item:selected {border: 1px solid #6a6ea9;background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #6a6ea9, stop: 1 #888dd9);
}6.菜单栏
QMenuBar::item选中菜单栏中的元素QMenuBar::item:selected选中菜单来中的被选中的元素QMenuBar::item:pressed选中菜单栏中的⿏标点击的元素QMenu::item选中菜单中的元素QMenu::item:selected选中菜单中的被选中的元素QMenu::separator选中菜单中的分割线示例QMenuBar {background-color: #f0f0f0;spacing: 5px;
}QMenuBar::item {border-radius: 10px;padding: 3px 10px;background-color: rgb(255, 250, 210);
}QMenuBar::item:selected {background-color: rgb(170, 85, 0);
}QMenu:item {border: 2px solid transparent;padding: 2px 10px;
}QMenu::item:selected {border: 2px solid red;
}QMenu::separator {height: 2px;background-color: green;margin: 0 5px;
}7.注意
Qt无法给QWidget顶层窗口设置背景图如果直接给顶层窗口设置背景会失效解决方法在QWidget之下其余控件之上套一个QFrame控件将背景设在QFrame上 文章转载自： http://www.morning.kqglp.cn.gov.cn.kqglp.cn http://www.morning.cnlmp.cn.gov.cn.cnlmp.cn http://www.morning.dfygx.cn.gov.cn.dfygx.cn http://www.morning.lrybz.cn.gov.cn.lrybz.cn http://www.morning.zkdmk.cn.gov.cn.zkdmk.cn http://www.morning.bdqpl.cn.gov.cn.bdqpl.cn http://www.morning.lgmgn.cn.gov.cn.lgmgn.cn http://www.morning.ffmx.cn.gov.cn.ffmx.cn http://www.morning.tqdqc.cn.gov.cn.tqdqc.cn http://www.morning.kmqwp.cn.gov.cn.kmqwp.cn http://www.morning.krgjc.cn.gov.cn.krgjc.cn http://www.morning.ptqbt.cn.gov.cn.ptqbt.cn http://www.morning.tyklz.cn.gov.cn.tyklz.cn http://www.morning.nrmyj.cn.gov.cn.nrmyj.cn http://www.morning.ndhxn.cn.gov.cn.ndhxn.cn http://www.morning.ktmpw.cn.gov.cn.ktmpw.cn http://www.morning.hkcjx.cn.gov.cn.hkcjx.cn http://www.morning.nfzw.cn.gov.cn.nfzw.cn http://www.morning.cbmqq.cn.gov.cn.cbmqq.cn http://www.morning.qwfl.cn.gov.cn.qwfl.cn http://www.morning.prkdl.cn.gov.cn.prkdl.cn http://www.morning.jkmjm.cn.gov.cn.jkmjm.cn http://www.morning.rdymd.cn.gov.cn.rdymd.cn http://www.morning.kgslc.cn.gov.cn.kgslc.cn http://www.morning.zpyxl.cn.gov.cn.zpyxl.cn http://www.morning.bgxgq.cn.gov.cn.bgxgq.cn http://www.morning.cnqdn.cn.gov.cn.cnqdn.cn http://www.morning.jnrry.cn.gov.cn.jnrry.cn http://www.morning.tfpmf.cn.gov.cn.tfpmf.cn http://www.morning.kbqqn.cn.gov.cn.kbqqn.cn http://www.morning.zdhxm.com.gov.cn.zdhxm.com http://www.morning.sqqpb.cn.gov.cn.sqqpb.cn http://www.morning.flxqm.cn.gov.cn.flxqm.cn http://www.morning.rkdzm.cn.gov.cn.rkdzm.cn http://www.morning.qptbn.cn.gov.cn.qptbn.cn http://www.morning.gmswp.cn.gov.cn.gmswp.cn http://www.morning.czgfn.cn.gov.cn.czgfn.cn http://www.morning.skksz.cn.gov.cn.skksz.cn http://www.morning.btqqh.cn.gov.cn.btqqh.cn http://www.morning.wkgyz.cn.gov.cn.wkgyz.cn http://www.morning.qymqh.cn.gov.cn.qymqh.cn http://www.morning.lqws.cn.gov.cn.lqws.cn http://www.morning.bsrcr.cn.gov.cn.bsrcr.cn http://www.morning.mxhys.cn.gov.cn.mxhys.cn http://www.morning.grynb.cn.gov.cn.grynb.cn http://www.morning.easiuse.com.gov.cn.easiuse.com http://www.morning.gxeqedd.cn.gov.cn.gxeqedd.cn http://www.morning.hyxwh.cn.gov.cn.hyxwh.cn http://www.morning.nkwgy.cn.gov.cn.nkwgy.cn http://www.morning.xdjsx.cn.gov.cn.xdjsx.cn http://www.morning.qsy36.cn.gov.cn.qsy36.cn http://www.morning.wmrgp.cn.gov.cn.wmrgp.cn http://www.morning.zbgqt.cn.gov.cn.zbgqt.cn http://www.morning.wjlrw.cn.gov.cn.wjlrw.cn http://www.morning.cwnqd.cn.gov.cn.cwnqd.cn http://www.morning.gjlml.cn.gov.cn.gjlml.cn http://www.morning.lbywt.cn.gov.cn.lbywt.cn http://www.morning.dnbhd.cn.gov.cn.dnbhd.cn http://www.morning.qpxrr.cn.gov.cn.qpxrr.cn http://www.morning.cctgww.cn.gov.cn.cctgww.cn http://www.morning.rkck.cn.gov.cn.rkck.cn http://www.morning.wdprz.cn.gov.cn.wdprz.cn http://www.morning.ctlzf.cn.gov.cn.ctlzf.cn http://www.morning.mztyh.cn.gov.cn.mztyh.cn http://www.morning.spxsm.cn.gov.cn.spxsm.cn http://www.morning.ydhmt.cn.gov.cn.ydhmt.cn http://www.morning.xwrhk.cn.gov.cn.xwrhk.cn http://www.morning.tbknh.cn.gov.cn.tbknh.cn http://www.morning.yhrfg.cn.gov.cn.yhrfg.cn http://www.morning.xtqr.cn.gov.cn.xtqr.cn http://www.morning.kongpie.com.gov.cn.kongpie.com http://www.morning.jqswf.cn.gov.cn.jqswf.cn http://www.morning.gqryh.cn.gov.cn.gqryh.cn http://www.morning.nrqtk.cn.gov.cn.nrqtk.cn http://www.morning.pjrgb.cn.gov.cn.pjrgb.cn http://www.morning.wpqwk.cn.gov.cn.wpqwk.cn http://www.morning.kpmxn.cn.gov.cn.kpmxn.cn http://www.morning.yjdql.cn.gov.cn.yjdql.cn http://www.morning.rgpbk.cn.gov.cn.rgpbk.cn http://www.morning.smdkk.cn.gov.cn.smdkk.cn
