QCombobox组合框的样式

QComboBox

{

width: 400px;  //整个组合框的宽度 设置后在ui编辑器中即可用看见效果

min-width: 250px;

max-width: 500px;

height: 600px;

border-radius: 3px;//  边框的圆角

border: 12px;

font-size: 12pt;

font-family: 微软雅黑,宋体;

background-repeat: no-repeat;

background-position: center left;

padding-left: 42px;

color: white; //该处的color是,组合框中的编辑框中文本的颜色。---------------------------------------

selection-color: black;

selection-background-color: darkgray;

}


QComboBox::drop-down //组合框右侧的下三角按钮

{

background-color: black; //该下三角按钮的背景色

min-width: 200px; //下三角按钮的最小宽度

}


/*

Descendant SelectorQDialog QPushButtonMatches all instances of QPushButton that are descendants (children, grandchildren, etc.) of aQDialog.
下面的形式是一种选择符,因为QComboBox的下拉列表框实际上是一个QListWidget部件,而QListWidget部件又派生自QListView,QListView又派生自QAbstractItemView类。

*/

QComboBox QAbstractItemView

{

height:1000px;//下拉列表框的高度 即item所在的下拉列表区域-------------

border: 12px;

color: red;  //组合框中的item的颜色  //跟QComboBox中的color区分开来-------------------------------------------

selection-color: green;  //鼠标选中该item的颜色

selection-background-color: darkgrey;  //鼠标选中该item的背景色


padding:30px,30px,30px,30px;//此处的效果是 listWidget部件与QCombox中edit编辑框的距离 以及 与 combobox底部的距离

}

QComboBox QAbstractItemView::item

{

height: 100px;

min-height:100px;

}

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QComboBox是Qt中常用的组合控件,它可以用来显示一个下拉列表,用户可以通过下拉列表选择其中的选项。在实际开发中,我们经常需要对QComboBox进行定制,以适应不同的UI风格和需求。 一、修改下拉箭头样式 QComboBox的下拉箭头默认是一个灰色三角形,我们可以通过修改QComboBox的QSS样式表来改变箭头的颜色和形状。例如,下面的代码可以将箭头变为一个红色正方形: ``` QComboBox::drop-down { image: url(:/images/red_square.png); } ``` 其中,`:drop-down`是QComboBox的伪状态选择器,表示下拉箭头的部分;`url()`函数指定了箭头的图片路径。注意,这里使用的图片必须是一个正方形,否则可能会出现拉伸或失真的情况。 二、修改下拉列表样式 QComboBox的下拉列表默认是白色背景、黑色边和灰色文字,我们可以通过修改QComboBox的QSS样式表来改变下拉列表的颜色和样式。例如,下面的代码可以将下拉列表变为蓝色背景、白色边和红色文字: ``` QComboBox::drop-down { background-color: blue; } QComboBox QAbstractItemView { border: 2px solid white; background-color: blue; color: red; } ``` 其中,`QAbstractItemView`是QComboBox下拉列表的子控件,我们通过修改它的QSS样式表来改变下拉列表样式。注意,为了避免出现不必要的滚动条,我们可以将`QAbstractItemView`的`QScrollBar`控件的QSS样式表设置为`background: none;`。 三、修改文本样式 QComboBox的文本默认是白色背景、黑色边和黑色文字,我们可以通过修改QComboBox的QSS样式表来改变文本的颜色和样式。例如,下面的代码可以将文本变为灰色背景、白色边和蓝色文字: ``` QComboBox { background-color: gray; color: blue; border: 2px solid white; } ``` 其中,`QComboBox`是QComboBox的主控件,我们通过修改它的QSS样式表来改变文本样式。 四、修改选中项样式 QComboBox的选中项默认是蓝色背景和白色文字,我们可以通过修改QComboBox的QSS样式表来改变选中项的样式。例如,下面的代码可以将选中项变为红色背景和黄色文字: ``` QComboBox::item:selected { background-color: red; color: yellow; } ``` 其中,`:item:selected`是QComboBox的伪状态选择器,表示选中项的部分;`background-color`属性指定了选中项的背景颜色,`color`属性指定了选中项的文字颜色。 以上是QComboBox的常见定制方法,你可以根据需要选取其中的一种或多种进行定制。同时,你也可以通过QSS样式表来修改其他Qt控件的样式,以实现UI的个性化定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值