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);}"
目录
相关文章
|
10月前
|
前端开发 数据可视化 C++
Qt 之 QWidget QLabel
Qt 之 QWidget QLabel
82 0
|
12天前
|
前端开发 搜索推荐 API
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
【Qt 学习笔记】QWidget的styleSheet属性 | RGB | 在线调色板
45 5
|
2月前
|
前端开发
自定义QT QWidget对象响应弹出菜单的解决方法
自定义QT QWidget对象响应弹出菜单的解决方法
47 1
|
3月前
|
XML API 数据格式
【Qt 学习笔记】QWidget的enable属性 | API的介绍
【Qt 学习笔记】QWidget的enable属性 | API的介绍
99 0
Qt实用技巧:对QPushButton(等类似透明有黑色背景的QWidget实现透明/半透明的方法
Qt实用技巧:对QPushButton(等类似透明有黑色背景的QWidget实现透明/半透明的方法
Qt实用技巧:对QPushButton(等类似透明有黑色背景的QWidget实现透明/半透明的方法
|
设计模式 前端开发 算法
QT5——模版库、工具类及控件(下)
QT5——模版库、工具类及控件
266 0
QT5——模版库、工具类及控件(下)
|
存储 算法 安全
QT5——模版库、工具类及控件(上)
QT5——模版库、工具类及控件
243 0
QT5——模版库、工具类及控件(上)
关于 Qt场景QGraphicsScene中,添加QWidget窗口,QWidget窗口无法捕捉mouseReleaseEvent松开消息 的解决方法
关于 Qt场景QGraphicsScene中,添加QWidget窗口,QWidget窗口无法捕捉mouseReleaseEvent松开消息 的解决方法
关于 Qt场景QGraphicsScene中,添加QWidget窗口,QWidget窗口无法捕捉mouseReleaseEvent松开消息 的解决方法
|
IDE 开发工具 C语言
OpenGL学习笔记(七):创建第一个Qt5.9.3 OpenGL工程模版(与平台无关)
OpenGL学习笔记(七):创建第一个Qt5.9.3 OpenGL工程模版(与平台无关)
OpenGL学习笔记(七):创建第一个Qt5.9.3 OpenGL工程模版(与平台无关)
Qt实用技巧:将QWidget作为输入窗口,接收键盘消息、输入法并且控制输入法悬浮工具栏位置控制
Qt实用技巧:将QWidget作为输入窗口,接收键盘消息、输入法并且控制输入法悬浮工具栏位置控制