Qt-统一样式爬的坑（参考统一样式的思路）

最新推荐文章于 2024-08-23 13:08:01 发布
最新推荐文章于 2024-08-23 13:08:01 发布
阅读量900 收藏 1
点赞数
分类专栏： Qt 文章标签： qt ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Alezan/article/details/104251571
版权

写在前面

嗯…在后后面项目经验中，这是一份已经落后的文档了。
因为如果在一开始就持有保持统一的思想跟良好的设计原则，这些问题并不会出现。但也是一份经验教训吧。

样式标准（参考）

统一标准：
字体全部设为微软雅黑，11号
按钮统一大小93,28.
对话框统一：
标题栏需添加自定义标题栏（自定义标题栏的接口会给出，可能如MAP_GUI_MainWindowTitleBar或MAP_GUI_CustomTitleBar）（参加下图例子）设置icon和标题，同时要设置无边框；
对话框要设置边界，样式同下图，把界面里定义的Frame添加到QSS（TotalQSS.qss）中,同时界面都添加该QSS文件着色。
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
用一个例子详细说明：
如我们需要一个对话框Dialog（绝大多数我们只需要QMainWindow和Qdialog），那这个ui文件的组织形式应如下同：
在这里插入图片描述
第一级是新建的QDialog: SE_NZ_Dialog
第二级是一个Qframe用来装要使用的控件，目的是统一最后的界面样式。
第三级包括一个Layout布局和一个TitleBarWidget（这个即上面说的自定义标题栏，先拖一个Widget到顶部，然后提升为自定义标题栏的类即可）。
所有界面设计放到Layout布局中即可。

成品图：
在这里插入图片描述
其中各部分的布局的样式如下：
SE_NZ_Dialog的布局：
在这里插入图片描述
QFrame的布局：
在这里插入图片描述
自己的Layout的布局：
在这里插入图片描述

此外大部分界面通用的底部按钮：
在这里插入图片描述
由于标题栏都是统一的自定义风格，所以还要针对这个进行一些设置（自定义标题栏这里就不展示了）
说完ui文件的操作流程，说说cpp里面的通用操作：
在这里插入图片描述
ui->m_titleBar三个函数见自定义标题栏的接口，主要是调整样式跟设置icon，text。
然后还要额外设置FrameLess（这样才能使用自定义标题栏）。
由于设置了FrameLess的界面是不能伸缩大小的了，所以如有这个需求可在ui里面勾选一个属性：
在这里插入图片描述
所有需要用的样式设计（如颜色，大小调整，背景等），都通过同一个（或者同一类）qss文件进行调整，然后加载设置。QSS会给与一份较为完整的，需要调整什么控件在里面找即可，语法同CSS。
通用，必须的添加则有：
在这里插入图片描述
如上面例子，添加的控件即m_normalFrame, 第二级的Qframe。

最后，除了标准通用的模板，要做出一个好看的界面还是需要耐心一遍遍的调整：）
希望有了这个通用的框架，能帮助更好的开发出非常好看的界面_.

下面是附赠的一份QSS 汇总（CSDN的资源附带是枕芯坑…（审核通过了，附带传送门，免费的））

/**********按钮**********/
QPushButton{
        border-radius: 4px;
        border: none;
        height: 30px;
}
QPushButton:enabled {
        background: rgb(0, 86, 135);
        color: white;
}
QPushButton:!enabled {
        background: rgb(120, 120, 120);
        color: rgb(200, 200, 200);
}

QPushButton:enabled:hover{
        background: rgb(76, 141, 174);
}

QPushButton:enabled:pressed{
        background: rgb(0, 51, 113);
}

QPushButton#m_MainWindowPropertyShowPtn,  
QPushButton#m_MainWindowSelectionShowPtn, 
QPushButton#m_MainWindowStructureShowPtn,
QPushButton#m_MainWindowCalculateShowPtn,
QPushButton#m_MainWindowDesignShowPtn,
QPushButton#m_MainWindowTopCalculateShowPtn,
QPushButton#m_MainWindowResultShowPtn,
QPushButton#m_MainWindowChartShowPtn,
QPushButton#m_MainWindowGeometryPropertyShowPtn,
QPushButton#m_MainWindowPropertyHelpPtn,  
QPushButton#m_MainWindowSelectionHelpPtn, 
QPushButton#m_MainWindowStructureHelpPtn,
QPushButton#m_MainWindowCalculateHelpPtn,
QPushButton#m_MainWindowDesignHelpPtn,
QPushButton#m_MainWindowTopCalculateHelpPtn,
QPushButton#m_MainWindowResultHelpPtn,
QPushButton#m_MainWindowChartHelpPtn,
QPushButton#m_MainWindowGeometryPropertyHelpPtn,
QPushButton#m_MainWindowPropertySettingPtn,  
QPushButton#m_MainWindowSelectionSettingPtn, 
QPushButton#m_MainWindowStructureSettingPtn,
QPushButton#m_MainWindowCalculateSettingPtn,
QPushButton#m_MainWindowDesignSettingPtn,
QPushButton#m_MainWindowTopCalculateSettingPtn,
QPushButton#m_MainWindowResultSettingPtn,
QPushButton#m_MainWindowChartSettingPtn,
QPushButton#m_MainWindowGeometryPropertySettingPtn,
QPushButton#m_SubWindowPropertyHelpPtn,
QPushButton#m_SubWindowSelectionHelpPtn,
QPushButton#m_SubWindowStructureHelpPtn,
QPushButton#m_SubWindowWeightHelpPtn,
QPushButton#m_weightRecommendPtn,
QPushButton#m_CalculateBottomNodeHelpPtn,
QPushButton#m_CalculateTopCalculateHelpPtn,
QPushButton#m_CalculateResultHelpPtn,
QPushButton#m_SubWindowGeometryHelpPtn,
QPushButton#m_synthesizeRecommendPtn,
QPushButton#m_CalculateHighValueHelpPtn,
QPushButton#m_SubWindowPropertyShowPtn,
QPushButton#m_SubWindowSelectionShowPtn,
QPushButton#m_SubWindowStructureShowPtn,
QPushButton#m_SubWindowWeightShowPtn,
QPushButton#m_CalculateBottomNodeShowPtn,
QPushButton#m_CalculateTopCalculateShowPtn,
QPushButton#m_CalculateResultShowPtn,
QPushButton#m_SubWindowGeometryShowPtn,
QPushButton#m_CalculateHighValueShowPtn,
QPushButton#m_CalculateTopStandardValuePtn,
QPushButton#m_CalculateTopLevelValuePtn,
QPushButton#m_CalculateBottomValuePtn,
QPushButton#m_CalculateBottomNodeNamePtn,
QPushButton#m_CalculateTopADCShowPtn,
QPushButton#m_CalculateVagueShowPtn,
QPushButton#m_CalculateSEAShowPtn,
QPushButton#m_CalculateTopADCValuePtn,
QPushButton#m_CalculateVagueValuePtn,
QPushButton#m_CalculateVagueHelpPtn,
QPushButton#m_CalculateSEAHelpPtn,
QPushButton#m_CalculateTopStandardShowLevelsPtn,
QPushButton#m_CalculateTopShowLevelsPtn,
QPushButton#m_CalculateTopsisSortPtn,
QPushButton#m_CalculateTopADCHelpPtn,
QPushButton#m_ModelInputShowBtn,
QPushButton#m_LearningShowBtn,
QPushButton#m_ParameterBtn,
QPushButton#m_ModelOutputShowBtn,
QPushButton#m_TestChoiceShowBtn,
QPushButton#m_VARecommendPtn,
QPushButton#m_ModelSaveShowBtn,
QPushButton#m_SetMatrixDialogAddButton,
QPushButton#m_SetMatrixDialogDeleteButton
QPushButton#pushButton_filePath {
        min-width: 0px;  
        min-height: 0px;  
        background-color: transparent;
}

QPushButton#m_FilePathBtn {
        background: rgb(180, 180, 180);
        border-radius: 0px;
        border: 2px;
}
QPushButton#m_FilePathBtn:hover {
        background: rgb(220, 220, 220);
        border-top: 2px solid rgb(76, 141, 174);
        border-left: 2px solid rgb(76, 141, 174);
        border-right: 2px solid rgb(76, 141, 174);
        border-bottom: 2px solid rgb(76, 141, 174);
}
QPushButton#m_FilePathBtn:pressed {
        background: rgb(76, 141, 174);
}

QPushButton#modelPathPreBtn,
QPushButton#modelPathBtn {
        background: none;
}

QPushButton#modelPathPreBtn:enabled:hover,
QPushButton#modelPathBtn:enabled:hover {
        background: rgb(76, 141, 174);
}

QPushButton#modelPathPreBtn:enabled:pressed,
QPushButton#modelPathBtn:enabled:pressed {
        background: rgb(0, 51, 113);
}

QPushButton#m_FilePtn {
        color: white;
        background: rgb(43, 87, 154);
        height: 28px;
        min-width: 85px;
}
QPushButton#m_FilePtn::menu-indicator {
        image: none;
}
QPushButton#m_FilePtn:hover {
        background: rgb(51, 102, 153);
}
QPushButton#m_FilePtn:hover {
        background: rgb(0, 86, 135);
}

/**********工具按钮**********/
QToolButton  { 
        border: none;
        color: rgb(0, 0, 0);
        background: transparent; 
}

QToolButton:enabled:hover{
        background: rgb(76, 141, 174);
        color: white;
}

QToolButton:enabled:pressed{
        background: rgb(0, 86, 135);
        color: white;
}

/**********菜单栏**********/
QMenuBar {
        background: rgb(0, 86, 135);
        border: none;
}
QMenuBar::item {
        padding: 5px 10px 5px 10px;
        background: transparent;
}
QMenuBar::item:enabled {
        color: rgb(227, 234, 242);
}
QMenuBar::item:!enabled {
        color: rgb(155, 155, 155);
}
QMenuBar::item:enabled:selected {
        background: rgba(255, 255, 255, 40);
}

/**********文本编辑框**********/
QTextEdit {
        border-radius: 2px;
        height: 25px;
        border: 1px solid rgb(100, 100, 100);
}
QTextEdit:enabled {
        color: rgb(0, 0, 0);
}
QTextEdit:enabled:hover, QLineEdit:enabled:focus {
        color: rgb(0, 0, 0);
}
QTextEdit:!enabled {
        color: rgb(155, 155, 155);
}
/**********输入框**********/
QLineEdit {
        border-radius: 2px;
        height: 25px;
        color: black;
        border: 1px solid rgb(100, 100, 100);
}
QLineEdit:enabled:focus {
        color: rgb(0, 0, 0);
}
QLineEdit:!enabled {
        color: rgb(155, 155, 155);
}

/**********导航表格**********/
QTreeWidget{
        background-color:rgba(245, 245, 245);
        color: black;
        border: none;
}
QTreeWidget::Item:hover {
        background: rgb(51, 102, 153); 
        color: rgb(252, 252, 252);
}
QTreeWidget::item:selected {
        background: rgb(0, 86, 135);
        color: rgb(252, 252, 252);
}

/**********下拉列表**********/
QComboBox {
        height: 25px;
        border-radius: 4px;
        border: 1px solid rgb(100, 100, 100);
        color: rgb(0, 0, 0);
}
QComboBox::drop-down {
        width: 10px;
        border: none;
        background: rgba(0, 86, 135);
        border-radius:3px;
}
QComboBox::drop-down:hover {
        background: rgba(76, 141, 174);
}
QComboBox QAbstractItemView {
        border: 3px solid rgb(200, 200, 200);
        background: rgb(245, 247, 248);
        outline: none;
        color: rgb(0, 0, 0);
}
QComboBox QAbstractItemView::item {
        height: 25px;
        color: rgb(175, 175, 175);
}
QComboBox QAbstractItemView::item:selected {
        background: rgba(0, 86, 135);
        color: rgb(242, 242, 242);
}

/**********表格**********/
QTableWidget {
        border: 1px solid rgb(45, 45, 45);
        background: rgb(245, 245, 245);
        alternate-background-color: white;
}

QTableView {
        border: 1px solid rgb(45, 45, 45);
        background: rgb(245, 245, 245);
        alternate-background-color: white;
}

/**********表头**********/
QHeaderView{
        border-bottom: 1px solid rgb(45, 45, 45);
        background: rgb(235, 235, 235);
}

QHeaderView::section:horizontal {
        background: rgb(235, 235, 235);
        border-bottom: 1px solid rgb(45, 45, 45);
}

QHeaderView::section:vertical {
        background: rgb(235, 235, 235);
        border-bottom: 1px solid rgb(45, 45, 45);
}

/**********左上角按钮**********/
QTableCornerButton::section{
        background: rgba(235, 235, 235);
}

/**********菜单**********/
QMenu{
		background: rgb(236, 237, 238);
}
QMenu::item:enabled {
        color:rgb(0, 0, 0);
}
QMenu::item:!enabled {
		color: rgb(155, 155, 155);
}
QMenu::item:enabled:selected {
		color:rgb(255,255,255);
		background: rgb(76, 141, 174);
}

/**********对话框**********/
QDialog {
		background: rgb(245, 245, 247);
}


/**********浮动窗口**********/
QDockWidget>QWidget{
        background: rgb(236, 237, 238); 
}

/**********日记列表**********/
QListWidget {
	border:1px solid gray; color:black; 
}
QListWidget::Item {
	padding-top:-2px; padding-bottom:-1px;
}
/*QListWidget::Item:hover {
	background:skyblue;padding-top:0px; padding-bottom:0px; 
}
QListWidget::item:selected {
	background:yellow; color:red;
}
QListWidget::item:selected:!active {
	border-width:0px;background:lightGray;
}*/

/**********微调器**********/
/*QSpinBox {
        border-radius: 4px;
        background: rgb(252, 252, 252);
}
QSpinBox:enabled {
        color: rgb(252, 252, 252);
}
QSpinBox:enabled:hover, :enabled:focus {
        color: rgb(255, 255, 255);
}
QSpinBox:!enabled {
        color: rgb(65, 65, 65);
        background: transparent;
}
QSpinBox::up-button {
        width: 18px;
        height: 12px;
        border-top-right-radius: 4px;
        background: transparent;
        border-image: url(:/new/icon/icon/arrow up.png);
}
QSpinBox::up-button:!enabled {
        border-left: 1px solid gray;
        background: transparent;
}
QSpinBox::up-button:enabled:hover {
        background: rgb(76, 141, 174);
}
QSpinBox::down-button {
        width: 18px;
        height: 12px;
        border-bottom-right-radius: 4px;
        border-image: url(:/new/icon/icon/arrow down.png);
}
QSpinBox::down-button:!enabled {
        border-left: 1px solid gray;
        background: transparent;
}
QSpinBox::down-button:enabled:hover {
        background: rgb(76, 141, 174);
}*/

/**********主页面**********/
QMainWindow {
        background: rgb(225, 225, 225);
}

/**********主窗体**********/
QGraphicsView {
        background: rgb(200, 200, 200);
}

/**********状态栏**********/
QStatusBar {
        background: rgb(241, 241, 241);
}

/**********属性栏**********/
QFrame#m_SubWindowPropertyFrame,
QFrame#m_SubWindowSelectionFrame,
QFrame#m_SubWindowStructureFrame,
QFrame#m_SubWindowWeightFrame,
QFrame#m_SubWindowGeometryFrame,
QFrame#m_CalculateTopCalculateFrame,
QFrame#m_CalculateTopADCFrame,
QFrame#m_CalculateVagueFrame,
QFrame#m_CalculateSEAFrame,
QFrame#m_CalculateBottomNodeFrame,
QFrame#m_CalculateResultFrame,
QFrame#m_CalculateHighValueFrame,
QFrame#m_TestChoiceFrame,
QFrame#m_ParameterFrame,
QFrame#m_LearningFrame,
QFrame#m_ModelOutputFrame,
QFrame#m_ModelInputFrame,
QFrame#m_ModelSaveFrame {
         background: rgba(210, 210, 210);
}

QFrame#m_SubWindowProperty,
QFrame#m_SubWindowPropertyWidget,
QFrame#m_SubWindowSelectionWidget,
QFrame#m_SubWindowStructureWidget,
QFrame#m_SubWindowWeightWidget,
QFrame#m_SubWindowGeometryWidget,
QFrame#m_CalculatePropertyFrame,
QFrame#m_CalculateTopCalculateWidget,
QFrame#m_CalculateTopADCWidget,
QFrame#m_CalculateBottomNodeWidget,
QFrame#m_CalculateResultWidget,
QFrame#m_CalculateHighValueWidget,
QFrame#m_TestChoiceWidget,
QFrame#m_ParameterWidget,
QFrame#m_LearningWidget,
QFrame#m_ModelOutputWidget,
QFrame#m_ModelInputWidget,
QFrame#m_ModelSaveWidget {
         background: rgba(245, 245, 245);
}

/************普通Frame***********/
QFrame#SE_DLG_DatabaseWizardImport,
QFrame#SE_DLG_DatabaseWizardImportDataTable,
QFrame#SE_DLG_DatabaseWizardSetting,
QFrame#SE_DLG_ImportFromTXT_Step1,
QFrame#SE_DLG_ImportFromTXT_Step2,
QFrame#SE_DLG_ImportFromTXT_Step3,
QFrame#SE_DLG_MessageBoxFrame {
    border: 0.5px solid rgb(43, 57, 157);
    background: rgb(235, 235, 235);
}
/**********bannerPixmap**********/
QFrame#bannerPixmap2 {
        border: none;
        background: rgb(225, 225, 225);
}

QFrame#SQLFrame {
        background: rgb(240, 240, 240);
}

/********所有对话框的border设置*************/
QFrame#m_newProjectFrame,
QFrame#m_addDataBaseFrame,
QFrame#m_openDataBaseFrame,
QFrame#m_editDataBaseFrame,
QFrame#m_newDataTableFrame,
QFrame#m_editDataTableFrame,
QFrame#m_overViewFrame,
QFrame#m_AHPFrame,
QFrame#m_expertFrame,
QFrame#m_ChainFrame,
QFrame#m_CriticFrame,
QFrame#m_SubObjectiveFrame,
QFrame#m_normalFrame,
QFrame#m_levelSettingFrame,
QFrame#m_ppFrame,
QFrame#m_matrixFrame,
QFrame#m_recommendManageFrame,
QFrame#m_recommendPrePocessFrame,
QFrame#m_subjectiveFrame,
QFrame#m_linearInterFrame,
QFrame#m_vagueFrame,
QFrame#m_standardLevelFrame,
QFrame#m_powerFrame,
QFrame#m_ADCFrame,
QFrame#m_distributionPlotFrame,
QFrame#m_nodeViewConfigFrame,
QFrame#m_reportFrame,
QFrame#m_ganttFrame {
        border-left: 2px solid rgb(43, 57, 157);
        border-right: 2px solid rgb(43, 57, 157);
        border-bottom: 2px solid rgb(43, 57, 157);
        background: rgb(236, 237, 238);   
}

/**********弹出对话框*********/
QFrame#bottomFrame {
        border: none;
        background: rgb(225, 225, 225);
}

/**********进度条**********/
/*QProgressBar::chunk {
        color: rgb(255, 255, 255);
        background: rgb(30, 144, 255);
}*/

/**********页签项**********/
QTabWidget::pane {
        border: none;
        background: rgb(236, 237, 238);
}
QTabWidget::tab-bar {
        border: none;
}
QFrame#m_RibbornBar {
        border: none;
        background: rgb(43, 87, 154);
        height: 10px;
}
QTabBar#m_RibbornTab::tab {
        border: none;
        color: white;
        background: rgb(43, 87, 154);
        height: 28px;
        min-width: 75px;
        padding-left: 5px;
        padding-right: 5px;}
        QTabBar#m_RibbornTab::tab:hover {background: rgb(51, 102, 153);}
        QTabBar#m_RibbornTab::tab:selected {color:rgb(43, 87, 154);
        background: rgb(225, 225, 225);
}

/*********抽象模板********/
QAbstractItemView::item {
        height: 25px;
        color: rgb(0, 0, 0);
}
QAbstractItemView::item!enabled {
        height: 25px;
        color: rgb(175, 175, 175);
}

/**********工具栏********/
QToolBar {
         spacing: 10px;
}
QToolBar::separator
{
         background: rgb(200, 200, 200);
         width: 2px;
}
QToolButton[popupMode="1"] {
    padding-right: 2px;
}

/**********表格**********/
QTableWidget {
        border: 1px solid rgb(45, 45, 45);
        background: rgb(245, 245, 245);
        alternate-background-color: white;

}

Alezan
关注
专栏目录
一文带你了解QT Model/View框架的设计思想和实现机制
dvlinker的技术专栏
11-18 9418
详细讲述QT的Model/View框架的设计思想和实现机制。
Qt/C++编写自定义控件62-探探雷达
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
10-07 1479
一、前言 随着移动互联网的盛行，现在手机APP大行其道，每个人的手机没有十几个APP都不好意思说自己是现代人，各种聊天、购物、直播、小视频等APP，有个陌生人社交的APP叫探探，本人用过几次，当然不是去为了找对象，而是纯粹为了好玩研究下他的U设计和软件逻辑流程等，其中有个雷达控件，单击以后可以搜索附近的异性进行配对，这个雷达控件的效果蛮好的，于是手痒琢磨着用Qt来实现一个，毕竟自己写了150多个控...
窗口背景图片的设置问题
qq5823996的专栏
10-08 5322
Qt的窗口背景图片有3种方式设置 1、QPalette p;       p.setBrush();   2、this->setStyleSheet("background-image:url(:/images/dl.png)"); 3、用PaintEvent，实时刷新   我的问题比较特殊，我画了一个登陆窗，初始化之后输入用户名和密码登陆，如果错误，也能登陆，在主窗体有查询功能处会
Qt之统一的UI界面格式基调，漂亮的UI界面
热门推荐
imxiangzi的专栏
10-31 2万+
最近一直在忙，忙工作，忙私活；也很久没有写博客了； 　　今天主要谈谈Qt UI界面统一样式(格式基调)的问题；例如在window系统上，几乎所有的窗口都有标题栏和状态栏以及中央部件，而且每一个标题栏和状态栏以及中央部件样式都保持一致的；但是在实际开发中我们又不想使用window系统自带的标题栏和状态栏等，因此需要自定义标题栏和状态栏以及中央部件，同时保持项目中的所有窗口的标题栏和状态栏和中央部件
QPushButton使用教程
最新发布
weixin_38834817的博客
08-23 800
QPushButton是 Qt 框架中的一个控件，用于创建按钮。按钮日常开发过程用法（1）基本用来在界面上添加一个按钮，绑定clicked点击信号，槽函数中处理相应的逻辑（2）给按钮绑定一个键盘快捷键，按下此键，进入槽函数处理（3）对按钮设置一个QMenu菜单，右键时弹出按钮样式日常开发用法（1）纯按钮，设置一个背景颜色+文字（2）左侧图标+右侧文字按钮样式（3）按钮的正常、鼠标左键悬浮、鼠标左键按下均设置不同的图片或颜色多个按钮组合用法。
Qt 统一样式-结合良好设计原则
Alezan的博客
02-10 1007
写在前面 结合上一篇提到的界面风格统一的问题，ui界面美观是产品一个至关重要的优势，而界面美观最基础的一点就是风格统一。但在团队中界面设计往往由许多人共同完成，如果统一大家的样式就成了一个问题。 下文方法是项目过程自己摸索的方法，不知道成熟团队或者公司内部有没有更好的准则，仅供参考。 解决思路 以QDialog一个常用的组件为例。 首先，我们建立一个模板控件： 并搭建需要的框架： 这里我要达...
Qt样式表 StyleSheet Qss 的那些坑
shengzhe8688的专栏
08-14 259
Qt 样式表的那些坑坑1 text-align仅支持QPushButton and QProgressBar 坑1 text-align仅支持QPushButton and QProgressBar The alignment of text and icon within the contents of the widget. If this value is not specified, it defaults to the value that depends on the native style.
Qt中设置统一控件风格
xinala1122的专栏
10-26 1984
在main函数中，统一将控件通过QSS(Qt Style Sheet)设置其属性即可，这样，程序中所有的此控件都是统一的风格了。在特定的widget中重新设置控件QSS，可以摆脱统一风格。
qt designer文本输入框_Qt编写自定义控件68-IP地址输入框
weixin_39918690的博客
11-22 731
一、前言这个IP地址输入框控件，估计写烂了，网上随便一搜索，保证一大堆，估计也是因为这个控件太容易了，非常适合新手练手，一般的思路都是用4个qlineedit控件拼起来，然后每个输入框设置正则表达式过滤只能输入3位数字，然后安装事件过滤器识别回车自动跳到下一个输入框。关于如何设置正则表达式过滤，这个可以搜索查到，本人也不大懂这个规则，貌似还有专门的书籍专门介绍正则表达式，可能这块非常强大。开源地址...
Qt/C++编写自定义控件68-IP地址输入框
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
10-13 1986
一、前言 这个IP地址输入框控件，估计写烂了，网上随便一搜索，保证一大堆，估计也是因为这个控件太容易了，非常适合新手练手，一般的思路都是用4个qlineedit控件拼起来，然后每个输入框设置正则表达式过滤只能输入3位数字，然后安装事件过滤器识别回车自动跳到下一个输入框。关于如何设置正则表达式过滤，这个可以搜索查到，本人也不大懂这个规则，貌似还有专门的书籍专门介绍正则表达式，可能这块非常强大。 开源...
Linux QT/C++练习:串口助手基础版-QSerialPort类,QFile类和QFileDialog类练习
dddaZZ的博客
10-18 982
本练习主要涉及QSerialPort类,QFile类，QFileDialog类和QReadWriteLock类的使用。其中还包括线程/线程同步，类之间通过信号传递参数,窗口退出事件/重写事件过滤器实现qlable的点击以及鼠标进入退出操作等。 基础的串口助手主要包含以下功能： 1. 串口搜索功能:程序一起来就应该自动开始搜索串口,并且实时检测串口状态； 2. 串口参数设置:串口的波特率、校验位、停止位和数据位等； 3. 打开/关闭串口； 4. 收发串口数据； 5. 存储串口数据； 6.其他拓展
qt 风格 linux,Qt 简单的风格统一与换肤
weixin_39600366的博客
05-12 103
QT既然作为一个成功的跨平台GUI库，当然会想到界面风格统一，本地化与换肤都做了考虑，网上有多种换肤的方法，自己也习惯于用简单的方法，总结了一下自己心得，与大家分享一，改变与装饰界面:通常使用设置Widget的背景，边界，子对象的图片，颜色来进行装饰QWidget,1，改变被景图片：较常用办法是 QWidget.setAutoFillBackground(true);QPalette palet...
记一次QT的QSS多个控件设置同一个样式的问题
qq_44723937的博客
05-08 3320
Qt QSS多个控件设计为同一样式时，在逗号分隔控件时，也要重新设置选择器，不能复用前面的选择器。
HTML，CSS，font-family：中文字体的英文名称
指尖互联科技-刘潇繁
03-04 1395
宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋_GB2312 FangSong_GB2312 楷体_GB2312 KaiTi_GB2312宋体：S
qt如何做到界面样式统一，便于修改
weixin_35752233的博客
01-06 484
Qt提供了一个名为QStyle的类，可以用来设置界面的样式。您可以创建自己的QStyle子类，并实现其中的绘制函数，来自定义界面的样式。 此外，Qt还提供了一些内置的QStyle子类，如QWindowsStyle、QMacStyle和QFusionStyle等，您可以使用这些子类来为应用程序设置不同的界面风格。 要设置整个应用程序的界面样式，您可以在应用程序初始化时使用QApplication::...
Qt 设置全局默认控件样式与字体
HyEISN的博客
05-11 2882
【代码】Qt 设置全局默认控件样式与字体。
Qt界面元素美化之QSS（Qt Style Sheets）样式表
宁静致远的博客
05-25 4284
Qt界面元素美化之QSS（Qt Style Sheets）样式表简介基本语法规则示例 简介 Qt程序界面中控件的背景图片、大小、字体颜色、字体类型、按钮状态变化等属性可以通过Qss文件来设置，美化UI界面。实现界面和程序的分离，快速切换皮肤。 Qt样式表是一种强大的机制，它允许您自定义小部件的外观，而不仅仅是通过子类化QStyle已经可以实现的功能。Qt样式表的概念、术语和语法与HTML的CSS样式表类似。 样式表是文本规范，可以使用QApplication::setStyleSheet()在整
Qt配置设置，修改全文字体大小颜色，背景颜色
qq_52218412的博客
01-06 1万+
在ui界面进行设置，字体fontComboBox控件，字号comboBox控件，字体/背景颜色toolButton控件（设置按钮图片背景在icon，再下一张图片），文本框textBrowser控件。
酷炫黑色风格QT样式表参考 - test3.qss
资源摘要信息:"本文档是一份关于Qt样式表（QSS）的参考文件，主要展示了如何使用QSS来实现一个黑色酷炫风格的用户界面设计。QSS（Qt样式表）是Qt框架中用于定义和控制应用程序用户界面样式的机制，其灵感来源于Web...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值