Qt QWidget 软件开发模版

简介: Qt QWidget 软件开发模版

新年开工第一天,更新一个最近自己新写的一个软件的开发界面模版,CSDN的博客图片也不知道为啥要限制为2M,传个GIF都不行,也是妥妥的付。先看下效果吧

image.pngimage.png

整个软件软件模版最底层为widget,上面使用了tabwidget用来区分每个模块



上面的tab做了一些调整,例如整个软件在启动后会自动检测,检测每个模块是否在线,默认不在线都是灰色文字,当模块在线是,对应模块文字变为绿色,当用户选中某个模块时,对应模块文字变为橙色,同时字体也变大了一点。如下图image.png

总共有四种连接方式 配置相应参数即可建立对应连接。

关于我们界面如下图所示

image.pngimage.png

信息展示界面,这里将详细的显示数据信息。默认为不显示状态。

目前,这个项目的代码还没有打算公开,只分享部分QSS代码。仅供参考,感兴趣的可单独与我联系。

"QLabel {color: rgb(175, 175, 175);}"
                "QComboBox{border: 1px solid gray;border-radius: 3px;padding: 1px 2px 1px 2px;background: rgb(0,0,0,0);}"
                "QComboBox::drop-down{background: transparent;}"
                "QComboBox::down-arrow{image: url(:/Images/MainWindow/comboboxdownarrow.png);}"
                "QComboBox QAbstractItemView{border: 1px solid rgb(175,175,175);background: rgb(175,175,175,100);}"
                "QPushButton{border-radius: 4px;border: none;width: 75px;height: 25px;font-family: '黑体';}"
                "QPushButton:enabled {background: rgb(68, 69, 73);color: white;}"
                "QPushButton:!enabled {background: rgb(100, 100, 100);color: rgb(200, 200, 200);}"
                "QPushButton:enabled:hover{background: rgb(85, 85, 85);}"
                "QPushButton:enabled:pressed{background: rgb(80, 80, 80);}"
                "QLineEdit {border: 1px solid rgb(200, 200, 200);border-radius: 3px;color: rgb(175, 175, 175);background: rgb(57, 58, 60);font-size: 14;font-family: '黑体';font-weight: bold}"
                "QMessageBox{background: rgb(0,0,0,175);}"
                "QTabWidget::pane{border-color:rgb(175,175,175);border-style:outset;background:transparent;position:absolute;top:20px;}"
                "QTabWidget::tab-bar{alignment:center;}"
                "QTabBar::tab{background: rgb(175, 175, 175,20);border:2px solid #30AFAFAF;min-width:80;min-height:36;margin:3px;}"
                "QTabBar::tab:hover{background: rgb(175, 175, 175,80);}"
                //关闭按钮样式
                "QPushButton#pushButton_close{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(:/Images/MainWindow/close_n.png);}"
                "QPushButton::hover#pushButton_close{border-image:url(:/Images/MainWindow/close_p.png);}"
                "QPushButton::pressed #pushButton_close{border-image:url(:/Images/MainWindow/close_n.png);}"
                //最小化按钮样式
                "QPushButton#pushButton_min{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(:/Images/MainWindow/min_n.png);}"
                "QPushButton::hover#pushButton_min{border-image:url(:/Images/MainWindow/min_p.png);}"
                "QPushButton::pressed #pushButton_min{border-image:url(:/Images/MainWindow/min_n.png);}"
                //关于我们按钮样式
                "QPushButton#pushButton_about{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(:/Images/MainWindow/about_n.png);}"
                "QPushButton::hover#pushButton_about{border-image:url(:/Images/MainWindow/about_p.png);}"
                "QPushButton::pressed #pushButton_about{border-image:url(:/Images/MainWindow/about_n.png);}"
                //设置按钮样式
                "QPushButton#pushButton_set{border-radius: 0px;background: rgb(0,0,0,0,);border-image:url(:/Images/MainWindow/set_n.png);}"
                "QPushButton::hover#pushButton_set{border-image:url(:/Images/MainWindow/set_p.png);}"
                "QPushButton::pressed #pushButton_set{border-image:url(:/Images/MainWindow/set_n.png);}"
目录
相关文章
|
前端开发 数据可视化 C++
Qt 之 QWidget QLabel
Qt 之 QWidget QLabel
112 0
|
4月前
|
API
【Qt 学习笔记】QWidget的toolTip属性 | focusPolicy属性
【Qt 学习笔记】QWidget的toolTip属性 | focusPolicy属性
245 5
|
4月前
Qt绘图之QWidget
Qt绘图之QWidget
92 1
|
4月前
|
前端开发 搜索推荐 API
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
255 5
|
4月前
|
算法 API 图形学
【Qt 学习笔记】QWidget的geometry属性及window frame的影响
【Qt 学习笔记】QWidget的geometry属性及window frame的影响
251 2
|
4月前
|
XML 开发框架 API
【Qt 学习笔记】QWidget的windowTitle属性 | windowIcon属性 | qrc文件机制
【Qt 学习笔记】QWidget的windowTitle属性 | windowIcon属性 | qrc文件机制
216 1
|
4月前
|
API
【Qt 学习笔记】QWidget的windowOpacity属性 | cursor属性 | font属性
【Qt 学习笔记】QWidget的windowOpacity属性 | cursor属性 | font属性
232 0
|
6月前
|
前端开发
自定义QT QWidget对象响应弹出菜单的解决方法
自定义QT QWidget对象响应弹出菜单的解决方法
105 1
|
7月前
|
XML API 数据格式
【Qt 学习笔记】QWidget的enable属性 | API的介绍
【Qt 学习笔记】QWidget的enable属性 | API的介绍
194 0
Qt实用技巧:对QPushButton(等类似透明有黑色背景的QWidget实现透明/半透明的方法
Qt实用技巧:对QPushButton(等类似透明有黑色背景的QWidget实现透明/半透明的方法
Qt实用技巧:对QPushButton(等类似透明有黑色背景的QWidget实现透明/半透明的方法