QSS实践汇总（3）——QComboBox样式（风格）

2024-04-07 19:48:23

1、特别说明

改变下拉窗口高度

必须在代码内部写如下语句：

（1） ui.cbxLogLevel->setView(new QListView(this)); // 调整item属性必须调用

// 调整下拉窗透明度必须调用如下接口

（2） ui.cbxLogLevel->view()->parentWidget()->setWindowFlags(Qt::Popup|Qt::FramelessWindowHint);

（3） ui.cbxLogLevel->view()->parentWidget()->setAttribute(Qt::WA_TranslucentBackground);

才能设置下拉窗口效果

2、QComboBox样式表实现（1）-透明

// 右侧箭头

QComboBox::down-arrow {

image:url(:/commonImg/Resources/image/common/downArrow.png);

}

// 箭头显示区域

QComboBox::drop-down {

border:none;

padding-right:4px;

}

// 下拉窗口必须实现黄色选中部分才可设置透明度和item属性

QComboBox QAbstractItemView{

outline:0px;

background:transparent;

background-color:rgba(143,211,249,38); // 设置带透明度的背景

selection-background-color:rgb(26,138,219); // 选中项背景色(实际测试该属性无用)

border:1px solid rgba(143,211,249,127);

}

// 下拉窗口选项必须实现黄色选中部分才可设置透明度((2)(3))和item属性((1))

QComboBox QAbstractItemView::item{

font-size:18px;

height:26px;

color:rgb(220,220,220);

background-color:rgba(143,211,249,38);

}

// 下拉窗口选项必须实现黄色选中部分才可设置透明度和item属性

QComboBox QAbstractItemView::item:selected{

background-color:rgb(26,138,219);

}

// 下拉窗口选项实际测试中全部使用的selected属性

QComboBox QAbstractItemView::item:hover{

}

3、QComboBox样式表实现（2）-不透明

QComboBox::down-arrow {

image:url(:/commonImg/Resources/image/common/downArrow.png);

}

QComboBox::drop-down {

border:none;

padding-right:4px;

}

QComboBox QAbstractItemView{

outline:0px;

color:rgb(220,220,220);

background-color:rgb(37,86,159);

border:1px solid rgba(143,211,249,127);

border-bottom-right-radius:4px;

border-bottom-left-radius:4px;

}

QComboBox QAbstractItemView::item{

height:26px;

background-color:rgba(143,211,249,38);

}

QComboBox QAbstractItemView::item:selected{

background-color:rgb(26,138,219);

}

QSS实践汇总（3）——QComboBox样式（风格）相关推荐

QComboBox样式
前言我对qss只会一些简单的,所以每次都得查资料,自己调,好麻烦,特别是之前一篇博客关于菜单样式的设置.这次以为两者相似,结果不是的. 这个QComboBox下拉框的样式设置有稍微复杂,有些关键点得 ...
PHP编码规范代码样式风格规范
一.基本约定 1.源文件 (1).纯PHP代码源文件只使用 <?php 标签,省略关闭标签 ?> : (2).源文件中PHP代码的编码格式必须是无BOM的UTF-8格式: (3).使用 U ...
php团队规范,PHP团队编码规范代码样式风格规范
一.基本约定 1.源文件 2.缩进 3.行 4.关键字和 True/False/Null 5.命名 6.代码注释标签 7.业务模块二.代码样式风格 1.命名空间(Namespace) 和导入(U ...
QComboBox样式设置——Qt
前言我对qss只会一些简单的,所以每次都得查资料,自己调,好麻烦,特别是之前一篇博客关于菜单样式的设置.这次以为两者相似,结果不是的. 这个QComboBox下拉框的样式设置有稍微复杂,有些关键点得 ...
sass学习笔记（二）：sass的不同样式风格的输出方法
sass的不同样式风格的输出方法 1.嵌套式nested Sass 提供了一种嵌套显示 CSS 文件的方式.例如 nav {ul {margin: 0;padding: 0;list-style: n ...
arcgis api for js共享干货系列之二自定义Navigation控件样式风格
arcgis api for js默认的Navigation控件样式风格如下图: 这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢:自己自定义 ...
android设置主题的方法,Android_修改Android App样式风格的方法，android中可以自定义主题和风格 - phpStudy...
修改Android App样式风格的方法 android中可以自定义主题和风格.风格,也就是style,我们可以将一些统一的属性拿出来,比方说,长,宽,字体大小,字体颜色等等.可以在res/value ...
html页面的内容外观显示样式,XHTML CSS制作样式风格切换的WEB站点
XHTML CSS制作样式风格切换的WEB站点互联网发布时间:2008-10-17 19:26:50 作者:佚名我要评论随着XHTML的逐渐推广流行,HTML在许多场合已经显得过时 ...
使用一个统一的窗体样式风格
目录明确定义什么样式抛弃原始样式定义圆角窗体样式调整窗体最大化最小化和关闭样式定义样式文件使用统一样式的方式引用样式达到达到统一风格窗体的事件处理窗体拖动事件处理窗体大小调整事件处 ...
QComboBox 样式设置
QComboBox QAbstractItemView::item:hover {color: black;background-color: lightgreen; } 上面理论上是对鼠标划过的项目 ...

最新文章

热门文章