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

Qt QWidget 软件开发模版_QWidget

这个动图有点失真了,下面看下截图吧

Qt QWidget 软件开发模版_QSS_02

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

 

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

Qt QWidget 软件开发模版_模版_03

 

上面的标题栏中,四个按钮分别为连接界面,关于界面,最小化和关闭按钮。连接界面如下图所示

Qt QWidget 软件开发模版_模版_04

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

关于我们界面如下图所示

Qt QWidget 软件开发模版_QWidget_05

这里就是放了一张背景图,可以自己修改其他

Qt QWidget 软件开发模版_Qt_06

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

 

目前,这个项目的代码还没有打算公开,只分享部分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);}"