新年开工第一天,更新一个最近自己新写的一个软件的开发界面模版,CSDN的博客图片也不知道为啥要限制为2M,传个GIF都不行,也是妥妥的付。先看下效果吧
整个软件软件模版最底层为widget,上面使用了tabwidget用来区分每个模块
上面的tab做了一些调整,例如整个软件在启动后会自动检测,检测每个模块是否在线,默认不在线都是灰色文字,当模块在线是,对应模块文字变为绿色,当用户选中某个模块时,对应模块文字变为橙色,同时字体也变大了一点。如下图
总共有四种连接方式 配置相应参数即可建立对应连接。
关于我们界面如下图所示
信息展示界面,这里将详细的显示数据信息。默认为不显示状态。
目前,这个项目的代码还没有打算公开,只分享部分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);}"