Procházet zdrojové kódy

添加了light qss样式

yun před 2 týdny
rodič
revize
711e127239
2 změnil soubory, kde provedl 255 přidání a 232 odebrání
  1. 255 232
      View/die-bonder-ui/light.qss
  2. binární
      新功能需求完成情况4.16.xls

+ 255 - 232
View/die-bonder-ui/light.qss

@@ -258,14 +258,7 @@ QComboBox::drop-down
     padding-right:5px;
 }
 
-SingleCameraOperationWnd QWidget#centralwidget,
-MainAndSecondaryCamerasWnd QWidget#centralwidget,
-ChartsAndCamerasWnd QWidget#Leftwidget,
-ChartsAndCamerasWnd QWidget#Rightwidget
-{
-    border-radius: 10px;
-    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
-}
+
 
 Group QPushButton#GroupButton
 {
@@ -274,197 +267,13 @@ Group QPushButton#GroupButton
     background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
 }
 
-SingleCameraOperationWnd QPushButton#LiveButton,
-MainAndSecondaryCamerasWnd QPushButton#LiveButton,
-ChartsAndCamerasWnd QPushButton#LiveButton
-{
-    color: #FFFFFF;
-    border-radius: 6px;
-    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
-}
-
-MainAndSecondaryCamerasWnd QWidget#RedLight,
-MainAndSecondaryCamerasWnd QWidget#GreenLight,
-MainAndSecondaryCamerasWnd QWidget#BlueLight,
-MainAndSecondaryCamerasWnd QWidget#DotLight,
-MainAndSecondaryCamerasWnd QTabWidget#switchTabWidget,
-MainAndSecondaryCamerasWnd QWidget#LightJoystickSwitchPage,
-MainAndSecondaryCamerasWnd QWidget#GreenLightTab,
-MainAndSecondaryCamerasWnd QWidget#JoystickTab,
-SingleCameraOperationWnd QWidget#RedLight,
-SingleCameraOperationWnd QWidget#GreenLight,
-SingleCameraOperationWnd QWidget#BlueLight,
-SingleCameraOperationWnd QWidget#DotLight,
-SingleCameraOperationWnd QTabWidget#switchTabWidget,
-SingleCameraOperationWnd QWidget#LightJoystickSwitchPage,
-SingleCameraOperationWnd QWidget#GreenLightTab,
-SingleCameraOperationWnd QWidget#JoystickTab,
-ChartsAndCamerasWnd QWidget#RedLight,
-ChartsAndCamerasWnd QWidget#GreenLight,
-ChartsAndCamerasWnd QWidget#BlueLight,
-ChartsAndCamerasWnd QWidget#DotLight,
-ChartsAndCamerasWnd QTabWidget#switchTabWidget,
-ChartsAndCamerasWnd QWidget#LightJoystickSwitchPage,
-ChartsAndCamerasWnd QWidget#GreenLightTab,
-ChartsAndCamerasWnd QWidget#JoystickTab
-{
-    background: #D6D8ED;
-}
-
-SingleCameraOperationWnd QLineEdit,
-MainAndSecondaryCamerasWnd QLineEdit,
-ChartsAndCamerasWnd QLineEdit
-{
-    border-radius: 6px;
-    border: 1px solid #BABBDC;
-}
-
-SingleCameraOperationWnd QWidget#BackGround,
-MainAndSecondaryCamerasWnd QWidget#LeftBackGround,
-MainAndSecondaryCamerasWnd QWidget#RightBackGround,
-ChartsAndCamerasWnd QWidget#BackGround
-{
-    background: #FFFFFF;
-    border: 1px solid #BABBDC;
-    border-radius: 0px;
-}
-
-QProgressBar {
-    border: 0.5px solid grey;
-    border-radius: 5px;
-    background-color: transparent;
-}
-
-QProgressBar#RedLightprogressBar::chunk
-{
-    border-radius: 3px;
-    background-color: red;
-    height: 1px;
-}
-
-QProgressBar#GreenLightprogressBar::chunk,
-QProgressBar#GreenLightprogressBar_5::chunk,
-QProgressBar#GreenLightprogressBar_L::chunk
-{
-    border-radius: 3px;
-    background-color: Green;
-    height: 1px;
-}
-
-QProgressBar#BlueLightprogressBar::chunk,
-QProgressBar#BlueLightprogressBar_2::chunk,
-QProgressBar#BlueLightprogressBar_L::chunk
-{
-    border-radius: 3px;
-    background-color: Blue;
-    height: 1px;
-}
-
-QProgressBar#DotLightprogressBar::chunk,
-QProgressBar#DotLightprogressBar_2::chunk,
-QProgressBar#DotLightprogressBar_L::chunk
-{
-    border-radius: 3px;
-    background-color: yellow;
-    height: 1px;
-}
-
-/* 工具栏 */
-SingleCameraOperationWnd QHBoxLayout#horizontalLayout_2,
-MainAndSecondaryCamerasWnd QHBoxLayout#horizontalLayout_2,
-ChartsAndCamerasWnd QHBoxLayout#horizontalLayout_2,
-SingleCameraOperationWnd QHBoxLayout#horizontalLayout,
-MainAndSecondaryCamerasWnd QHBoxLayout#horizontalLayout,
-ChartsAndCamerasWnd QHBoxLayout#horizontalLayout
-{
-    border-radius: 6px;
-    background: #CBD0FF;
-}
-
-SingleCameraOperationWnd QWidget#layoutWidget QPushButton,
-MainAndSecondaryCamerasWnd QWidget#layoutWidget QPushButton,
-ChartsAndCamerasWnd QWidget#layoutWidget QPushButton
-{
-    border-radius: 6px;
-    background: #CBD0FF;
-    border:none;
-}
 
 
 
-SingleCameraOperationWnd QPushButton#pushButton_2,
-SingleCameraOperationWnd QLabel#label_Percentage,
-MainAndSecondaryCamerasWnd QPushButton#pushButton_2,
-MainAndSecondaryCamerasWnd QLabel#label_Percentage,
-ChartsAndCamerasWnd QPushButton#pushButton_2,
-ChartsAndCamerasWnd QLabel#label_Percentage
-{
-    color: #4E51CE;
-}
 
-SingleCameraOperationWnd QPushButton#ZoomUpButton,
-MainAndSecondaryCamerasWnd QPushButton#ZoomUpButton,
-ChartsAndCamerasWnd QPushButton#ZoomUpButton
-{
-    image: url(:/images/light/zoom up.png);
-}
 
-SingleCameraOperationWnd QPushButton#ZoomOutButton,
-MainAndSecondaryCamerasWnd QPushButton#ZoomOutButton,
-ChartsAndCamerasWnd QPushButton#ZoomOutButton
-{
-    image: url(:/images/light/zoom out.png);
-}
 
-SingleCameraOperationWnd QPushButton#RulerButton,
-MainAndSecondaryCamerasWnd QPushButton#RulerButton,
-ChartsAndCamerasWnd QPushButton#RulerButton
-{
-    image: url(:/images/light/ruler.png);
-}
 
-SingleCameraOperationWnd QPushButton#PenButton,
-MainAndSecondaryCamerasWnd QPushButton#PenButton,
-ChartsAndCamerasWnd QPushButton#PenButton
-{
-    image: url(:/images/light/pen.png);
-}
-
-/* 为垂直滑块设置样式 */
-QSlider#RedLightverticalSlider::groove:vertical,
-QSlider#RedLightverticalSlider_L::groove:vertical,
-QSlider#RedLightverticalSlider_2::groove:vertical
-{
-    height: 56px;
-    width: 3px;
-    background: red;
-}
-
-QSlider#GreenLightverticalSlider::groove:vertical,
-QSlider#GreenLightverticalSlider_L::groove:vertical,
-QSlider#GreenLightverticalSlider_5::groove:vertical
-{
-    height: 56px;
-    width: 3px;
-    background: Green;
-}
-
-QSlider#BlueLightverticalSlider::groove:vertical,
-QSlider#BlueLightverticalSlider_L::groove:vertical
-{
-    height: 56px;
-    width: 3px;
-    background: Blue;
-}
-
-QSlider#DotLightverticalSlider::groove:vertical,
-QSlider#DotLightverticalSlider_L::groove:vertical,
-QSlider#DotLightverticalSlider_2::groove:vertical
-{
-    height: 56px;
-    width: 3px;
-    background: yellow;
-}
 
 /*QSlider::sub-page:vertical {
     height: 56px;
@@ -472,44 +281,6 @@ QSlider#DotLightverticalSlider_2::groove:vertical
     background: rgba(78, 81, 206, 0.25);
 }*/
 
-QSlider#RedLightverticalSlider::handle:vertical,
-QSlider#RedLightverticalSlider_L::handle:vertical,
-QSlider#RedLightverticalSlider_2::handle:vertical
-{
-    border-image: url(:/images/LightGroup/red.png);
-    height: 6px;
-    margin: 0px -5px 0px -5px;
-    border-radius: 4px;
-}
-
-QSlider#GreenLightverticalSlider::handle:vertical,
-QSlider#GreenLightverticalSlider_L::handle:vertical,
-QSlider#GreenLightverticalSlider_5::handle:vertical
-{
-    border-image: url(:/images/LightGroup/green.png);
-    height: 6px;
-    margin: 0px -5px 0px -5px;
-    border-radius: 4px;
-}
-
-QSlider#BlueLightverticalSlider::handle:vertical,
-QSlider#BlueLightverticalSlider_L::handle:vertical
-{
-    border-image: url(:/images/LightGroup/blue.png);
-    height: 6px;
-    margin: 0px -5px 0px -5px;
-    border-radius: 4px;
-}
-
-QSlider#DotLightverticalSlider::handle:vertical,
-QSlider#DotLightverticalSlider_L::handle:vertical,
-QSlider#DotLightverticalSlider_2::handle:vertical
-{
-    border-image: url(:/images/LightGroup/yellow.png);
-    height: 6px;
-    margin: 0px -5px 0px -5px;
-    border-radius: 4px;
-}
 
 QScrollArea {
     background-color: transparent;
@@ -653,14 +424,266 @@ ChartsAndCamerasWnd QLabel#PurpleVerticalBar
     image: url(:/images/Participation display/Purple vertical bars.png);
 }
 
+/* ControlOperationPage 类的样式封装 */
+ControlOperationPage QHBoxLayout#horizontalLayout_2
+{
+    border-radius: 6px;
+    background: #CBD0FF;
+}
+
+
+ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton
+{
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+}
+
 /* 悬停时的样式 */
-ControlOperationPage QWidget#QHBoxLayout QPushButton:hover
+ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton:hover
 {
     background: #A6AFFF; /* 悬停时的背景颜色 */
 }
 
 /* 点击时的样式 */
-ControlOperationPage QWidget#QHBoxLayout QPushButton:pressed
+ControlOperationPage QHBoxLayout#horizontalLayout_2 QPushButton:pressed
 {
     background: #808FFF; /* 点击时的背景颜色 */
 }
+
+ControlOperationPage QPushButton#LiveButton
+{
+    color: #FFFFFF;
+    border-radius: 6px;
+    background:qlineargradient(spread:pad,x1:0,y1:0,x2:0,y2:1,stop:0 #949FE8,stop:1 #2D309B);
+}
+
+
+ControlOperationPage QPushButton#ZoomUpButton
+{
+    image: url(:/images/light/zoom up.png);
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+}
+
+ControlOperationPage QPushButton#ZoomOutButton
+{
+    image: url(:/images/light/zoom out.png);
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+}
+
+
+ControlOperationPage QPushButton#RulerButton
+{
+    image: url(:/images/light/ruler.png);
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+}
+
+
+ControlOperationPage QPushButton#PenButton
+{
+    image: url(:/images/light/pen.png);
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+}
+
+ControlOperationPage QPushButton#switchJoystickBut
+{
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+
+}
+ControlOperationPage QPushButton#switchJoystickBut:pressed,
+ControlOperationPage QPushButton#PenButton:pressed,
+ControlOperationPage QPushButton#RulerButton:pressed,
+ControlOperationPage QPushButton#ZoomOutButton:pressed,
+ControlOperationPage QPushButton#ZoomUpButton:pressed,
+ControlOperationPage QPushButton#switchJoystickBut:pressed
+{
+    background: #808FFF; /* 点击时的背景颜色 */
+}
+
+
+ControlOperationPage QPushButton#switchJoystickBut:hover,
+ControlOperationPage QPushButton#PenButton:hover,
+ControlOperationPage QPushButton#RulerButton:hover,
+ControlOperationPage QPushButton#ZoomOutButton:hover,
+ControlOperationPage QPushButton#ZoomUpButton:hover,
+ControlOperationPage QPushButton#switchJoystickBut:hover
+{
+    background: #A6AFFF; /* 悬停时的背景颜色 */
+}
+
+
+ControlOperationPage QLabel#label_Percentage
+{
+    color: #4E51CE;
+    border-radius: 6px;
+    background: #CBD0FF;
+    border: none;
+}
+
+
+ControlOperationPage QComboBox
+{
+    border:1px solid #BABBDC;
+    border-radius:6px;
+    background:#FFFFFF;
+}
+
+ControlOperationPage QComboBox::down-arrow
+{
+    image: url(:/images/drop.png);
+    width: 30px;
+    height:30px;
+}
+
+ControlOperationPage QComboBox::drop-down
+{
+    width:20px;
+    border:none;
+    padding-right:5px;
+}
+
+ControlOperationPage QWidget#BackGround
+{
+    background: #FFFFFF;
+    border: 1px solid #BABBDC;
+    border-radius: 0px;
+}
+
+/* LightJoystickSwitchPage */
+
+LightJoystickSwitchPage{
+   background: #D6D8ED; 
+}
+
+LightJoystickSwitchPage QTabWidget#switchTabWidget
+{
+    border-radius: 10px;
+    background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1, stop: 0 #F1F4FD, stop: 1 #E5E4F6);
+}
+
+LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget,
+LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget#GreenLightTab QWidget,
+LightJoystickSwitchPage QTabWidget#switchTabWidget QWidget#JoystickTab QWidget
+
+{
+    background: #D6D8ED;
+}
+
+LightJoystickSwitchPage QSlider#RedLightverticalSlider::handle:vertical
+{
+    border-image: url(:/images/LightGroup/red.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+LightJoystickSwitchPage QSlider#GreenLightverticalSlider::handle:vertical
+{
+    border-image: url(:/images/LightGroup/green.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+LightJoystickSwitchPage QSlider#BlueLightverticalSlider::handle:vertical
+{
+    border-image: url(:/images/LightGroup/blue.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+LightJoystickSwitchPage QSlider#DotLightverticalSlider::handle:vertical
+{
+    border-image: url(:/images/LightGroup/yellow.png);
+    height: 6px;
+    margin: 0px -5px 0px -5px;
+    border-radius: 4px;
+}
+
+
+/* 为垂直滑块设置样式 */
+LightJoystickSwitchPage QSlider#RedLightverticalSlider::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: red;
+}
+
+/* 为垂直滑块设置样式 */
+LightJoystickSwitchPage QSlider#GreenLightverticalSlider::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: green;
+}
+
+/* 为垂直滑块设置样式 */
+LightJoystickSwitchPage QSlider#BlueLightverticalSlider::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: blue;
+}
+
+/* 为垂直滑块设置样式 */
+LightJoystickSwitchPage QSlider#DotLightverticalSlider::groove:vertical
+{
+    height: 56px;
+    width: 3px;
+    background: yellow;
+}
+
+LightJoystickSwitchPage QProgressBar 
+{
+    border: 0.5px solid grey;
+    border-radius: 5px;
+    background-color: transparent;
+}
+
+LightJoystickSwitchPage QProgressBar#RedLightprogressBar::chunk
+{
+    border-radius: 3px;
+    background-color: red;
+    height: 1px;
+}
+
+
+LightJoystickSwitchPage QProgressBar#GreenLightprogressBar::chunk
+{
+    border-radius: 3px;
+    background-color: Green;
+    height: 1px;
+}
+
+
+LightJoystickSwitchPage QProgressBar#BlueLightprogressBar::chunk
+{
+    border-radius: 3px;
+    background-color: Blue;
+    height: 1px;
+}
+
+LightJoystickSwitchPage QProgressBar#DotLightprogressBar::chunk
+{
+    border-radius: 3px;
+    background-color: yellow;
+    height: 1px;
+}
+
+
+LightJoystickSwitchPage QTabWidget#switchTabWidget QLineEdit
+{
+    border-radius: 6px;
+    border: 1px solid #BABBDC;
+}

binární
新功能需求完成情况4.16.xls