QT QComBox详细用法自定义QComboBox控件

部分样式需要设置窗口属性才能生效

    ui->comboBox->setView(new QListView());ui->comboBox->view()->window()->setWindowFlags(Qt::Popup|Qt::FramelessWindowHint|Qt::NoDropShadowWindowHint);ui->comboBox->view()->window()->setAttribute(Qt::WA_TranslucentBackground);

样式表

QComboBox {border: 1px solid #bebebe;padding: 1px 18px 1px 3px;font: normal normal 16px "Microsoft YaHei";color: #555555;background: transparent;
}QComboBox:editable{background: transparent;
}QComboBox:!editable, QComboBox::drop-down:editable{background: transparent;
}QComboBox:!editable:on, QComboBox::drop-down:editable:on{background: transparent;
}QComboBox:!on{
}QComboBox:on{ /* the popup opens */color: #555555;border-color: #327cc0;background: transparent;
}QComboBox::drop-down{subcontrol-origin: padding;subcontrol-position: top right;width: 20px;border-left-width: 1px;border-left-color: darkgray;
}QComboBox::down-arrow {image: url(:/common/combobox_arrow);
}QComboBox::down-arrow:on {image: url(:/common/combobox_arrow_up);
}QComboBox QAbstractItemView {outline: 0; border: 1px solid #327cc0;background-color: #F1F3F3;font: normal normal 14px "Microsoft YaHei";
}QComboBox QAbstractItemView::item {height: 32px;color: #555555;background-color: transparent;
}QComboBox QAbstractItemView::item:hover {color: #FFFFFF;background-color: #327cc0;
}QComboBox QAbstractItemView::item:selected {color: #FFFFFF;background-color: #327cc0;
}QComboBox QAbstractScrollArea QScrollBar:vertical {background-color: #d0d2d4;
}QComboBox QAbstractScrollArea QScrollBar::handle:vertical {background: rgb(160,160,160);
}QComboBox QAbstractScrollArea QScrollBar::handle:vertical:hover {background: rgb(90, 91, 93);
}

效果一

  QComboBox *ComBox=new QComboBox(this);ComBox->setGeometry(0,0,209,45);ComBox->addItem(tr("1小时"));ComBox->addItem(tr("2小时"));ComBox->addItem(tr("3小时"));ComBox->addItem(tr("4小时"));ComBox->setStyleSheet("QComboBox{"//基本样式"border-image:url(:/Sys/output-box.png);""font:黑体;""font-size:20px;""color:rgb(255,255,255);""background-color:transparent;""width:209px;""height:45px;""}""QComboBox::down-arrow{"//下拉三角样式"image:url(:/Sys/btn_pulldown.png);""background-color:transparent;""width:36px;""height:22px;""right:2px;""}""QComboBox QAbstractItemView {"//Box内条目"outline:0px;" //去掉虚线"}""QComboBox::drop-down {""subcontrol-origin: padding;""subcontrol-position: top right;""width: 36px;""}");

效果二

一个QLabel和QComboBox组成设置边框颜色 ComboBox三角箭头

#ifndef PROCOMBOBOX_H
#define PROCOMBOBOX_H#include <QComboBox>
#include <QLabel>
#include <QWidget>class ProComboBox :public QWidget
{
public:ProComboBox(QWidget *parent);void init();void setLwCwAhsize(int LabelW,int ComboBoxW,int AllH);   //Label width ComboBox width  All heigthQLabel *m_Label;QComboBox *m_ComboBox;};#endif // PROCOMBOBOX_H

#include "ProComboBox.h"ProComboBox::ProComboBox(QWidget *parent = 0)
{this->setParent(parent);init();
}void ProComboBox::init()
{m_Label = new QLabel(this);m_Label->setStyleSheet("QLabel{""background-color:transparent;""color:rgb(0,190,255);""border:1px solid #00beff;""border-top-left-radius:5px;""border-top-right-radius:0px;""border-bottom-left-radius:5px;""border-bottom-right-radius:0px;}");m_ComboBox = new QComboBox(this);m_ComboBox->setStyleSheet("QComboBox{""background-color:transparent;""color:rgb(255,255,255);""border:1px solid #00beff;""border-top-left-radius:0px;""border-top-right-radius:5px;""border-bottom-left-radius:0px;""border-bottom-right-radius:5px;}""QComboBox::drop-down{""background-color:transparent;""image:url(:/image/boxpull.png);""width:26px;right:5px;}");setLwCwAhsize(50,50,34);
}void ProComboBox::setLwCwAhsize(int LabelW, int ComboBoxW, int AllH)
{m_Label->setGeometry(0,0,LabelW,AllH);m_ComboBox->setGeometry(LabelW,0,ComboBoxW,AllH);resize(LabelW + ComboBoxW,AllH);
}

QT QComBox详细用法自定义QComboBox控件相关推荐

Qt工作笔记-自定义开关控件
1.自定义开关控件: 2.点击有动画效果: 3.在动画效果中,不再响应信号: 运行截图如下: 输出响应信号: 源码如下: myonoff.h #ifndef MYONOFF_H #define MYO ...
QT自定义Widget控件及其使用
今天来给大家分享一下QT自定义widget控件及其使用,当ui设计器提供的界面不满足实际需求时,可以从QWidget继承自定义的界面组件.有两种方法一种是提升法,另一种是ui设计器自定义界面组件wid ...
Qt使用C++封装qml自定义图形控件（QQuickPaintedItem）
C++封装qml自定义图形控件 QtWidget.qml简介通过继承QQuickPaintedItem封装控件描述公用接口定义代码示例效果图 QtWidget.qml简介 Qt提供了2套UI ...
Qt 实现 QQ 9.0版自定义菜单控件
#简述重新最近开始了QQ最新版 9.0 界面的模仿,前几天搞了一个QQ登陆界面的动画效果详情见 QQ 9.0 新版登录窗口登录特效 ,今晚Qt技术学习班分享了QQ 9.0版本的自定义菜单控件,通过Q ...
QT 自定义分页控件
Qt 自定义页码控件一.效果展示二.头文件 #ifndef PAGECONTROL_H #define PAGECONTROL_H #include <QList> #include ...
qt designer使用自定义ui控件
文章目录 qt designer使用自定义ui控件使用须知插件应该存放的位置 Qt creator内置的designer 独立的designer 构建一个可使用的插件 Qt creator内置的d ...
qt 关闭窗口的槽函数_勇哥的VC++应用框架学习之QT(1) 信号槽、按钮控件、opencv读取显示图片...
前言勇哥对于C语言,C++早些年有一些接触,这个系列贴子就记载一下C++应用框架的学习经验. 在写程序时,UI.基础类库.应用程序框架对于vc来讲,只能依靠MFC和QT了. 勇哥对MFC有很强的抵触, ...
Qt学习之显示类的控件（QLabel、QTextBrowser、QGraphicsView、QCalendarWidget、QWebView、QProgressBar、QOpenGLWidget）
本文转自:<Qt编程指南> 作者:奇先生 Qt编程指南,Qt新手教程,Qt Programming Guide 5.5 显示类的控件本节显示类控件是指作为显示用途的控件,本 ...
[置顶] 分步实现具有分页功能的自定义DataList控件【附源代码】
一.控件也是类 [效果] [操作步骤] 1. 新建网站Web 2. 添加类CustomDataList.cs(系统会提示你把类建在App_Code文件夹中),代码如下: using System; ...
ASP.NET中实现复用代码自定义用户控件UserControl的使用
场景 ASP.NET中新建Web网站并部署到IIS上(详细图文教程): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107199 ...

QT QComBox详细用法自定义QComboBox控件

部分样式需要设置窗口属性才能生效

样式表

效果一

效果二

QT QComBox详细用法自定义QComboBox控件相关推荐

最新文章

热门文章

QT QComBox详细用法 自定义QComboBox控件

部分样式需要设置窗口属性才能生效

样式表

效果一

效果二

QT QComBox详细用法 自定义QComboBox控件相关推荐

最新文章

热门文章

QT QComBox详细用法自定义QComboBox控件

QT QComBox详细用法自定义QComboBox控件相关推荐