added ui sketches, added frame switch

frame1/frame1.py

@@ -0,0 +1,110 @@
+import functools
+
+from PyQt5 import QtGui
+from PyQt5.QtCore import Qt
+from PyQt5.QtWidgets import QLabel, QSlider, QWidget, QHBoxLayout, QVBoxLayout
+
+
+class Frame1(QWidget):
+
+    def __init__(self, parent):
+        super(Frame1, self).__init__(parent)
+        self.sliders_widget = QWidget(self)
+        self.sliders_layout = QHBoxLayout(self)
+        self.info_widget = QWidget(self)
+        self.info_layout = QHBoxLayout(self)
+        self.labels_first_widget = QWidget(self)
+        self.labels_first_layout = QHBoxLayout(self)
+        self.labels_second_widget = QWidget(self)
+        self.labels_second_layout = QHBoxLayout(self)
+        self.layout = QVBoxLayout(self)
+
+        self.slider0 = self.create_slider(0)
+        self.slider1 = self.create_slider(1)
+        self.slider2 = self.create_slider(2)
+        self.sliders = [self.slider0, self.slider1, self.slider2]
+
+        for slider in self.sliders:
+            qss_path = "frame1/slider.qss"
+            with open(qss_path, "r") as fh:
+                slider.setStyleSheet(fh.read())
+            self.sliders_layout.addWidget(slider)
+
+        text_path = "frame1/text_frame1.txt"
+        with open(text_path, "r", encoding='utf8') as fh:
+            self.info_field = self.create_label(fh.read())
+            qss_path = "frame1/label.qss"
+            with open(qss_path, "r") as fh2:
+                self.info_field.setStyleSheet(fh2.read())
+                self.info_layout.addWidget(self.info_field)
+
+        self.labels_first = [self.create_label("Behälter 1"), self.create_label("Behälter 2"), self.create_label("Behälter 3")]
+        self.labels_second = [self.create_label("0.0 mm"), self.create_label("0.0 mm"), self.create_label("0.0 mm")]
+
+        for label in self.labels_first:
+            qss_path = "frame1/label.qss"
+            with open(qss_path, "r") as fh:
+                label.setStyleSheet(fh.read())
+            self.labels_first_layout.addWidget(label)
+
+        for label in self.labels_second:
+            qss_path = "frame1/label.qss"
+            with open(qss_path, "r") as fh:
+                label.setStyleSheet(fh.read())
+            self.labels_second_layout.addWidget(label)
+
+        self.sliders_widget.setLayout(self.sliders_layout)
+        self.layout.addWidget(self.sliders_widget)
+        self.info_widget.setLayout(self.info_layout)
+        self.layout.addWidget(self.info_widget)
+        self.labels_first_widget.setLayout(self.labels_first_layout)
+        self.layout.addWidget(self.labels_first_widget)
+        self.labels_second_widget.setLayout(self.labels_second_layout)
+        self.layout.addWidget(self.labels_second_widget)
+        self.setLayout(self.layout)
+
+    def value_changed(self, nr, i):
+        # print(nr)
+        # print(i)
+        pass
+
+    def slider_position(self, nr, p):
+        # print(nr)
+        # print("position: ", p)
+        pass
+
+    def slider_pressed(self, nr):
+        # print(nr)
+        # print("Pressed!")
+        pass
+
+    def slider_released(self, nr):
+        # print(nr)
+        # print("Released")
+        pass
+
+    def set_slider_position(self, slider_nr, p):
+        self.sliders[slider_nr].setValue(p)
+        self.labels_second[slider_nr].setText(str(p) + " mm")
+
+    def create_slider(self, i):
+        widget = QSlider(Qt.Vertical)
+
+        widget.setMinimum(0)
+        widget.setMaximum(250)
+        widget.setSingleStep(1)
+
+        widget.valueChanged.connect(functools.partial(self.value_changed, i))
+        widget.sliderMoved.connect(functools.partial(self.slider_position, i))
+        widget.sliderPressed.connect(functools.partial(self.slider_pressed, i))
+        widget.sliderReleased.connect(functools.partial(self.slider_released, i))
+        return widget
+
+    def create_label(self, text):
+        font = QtGui.QFont()
+        font.setPointSize(36)
+        widget = QLabel()
+        widget.setText(str(text))
+        widget.setFont(font)
+        widget.setAlignment(Qt.AlignCenter)
+        return widget

frame1/label.qss

@@ -0,0 +1,12 @@
+
+QLabel
+{
+    font: "Helvetica";
+	background-color: #e6f5ff;
+	color: #005c99;
+	border-radius: 4px;
+	border: 2px solid #0099ff;
+}
+QLabel:hover{
+    background-color: transparent;
+}

test.qss → frame1/slider.qss

@@ -1,34 +1,37 @@
-/*-----QWidget-----*/
 QWidget
 {
 	/*-----background-color: #8f1e28;-----*/
 	/*-----color: #000fff;-----*/
 	selection-background-color: #aa7e82;
 	selection-color: #000000;
-	width: 100px;
-	height: 250px;
+	width: 250px;
+	height: 500px;
 }
-QSlider {
+QSlider{
+    padding: 8px 4px 8px 4px;
+    border-radius: 4px;
+}
+QSlider:hover{
+    background-color: #e6f5ff;
 }
 QSlider::groove:vertical {
-    background: #000000;
+    background-color: transparent;
     position: absolute; /* absolutely position 4px from the left and right of the widget. setting margins on the widget should work too... */
     left: 4px; right: 4px;
 }
-
 QSlider::handle:vertical {
     height: 4px;
     background: #5987a6;
     margin: 0 -4px; /* expand outside the groove */
 }
-
 QSlider::sub-page:vertical {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     background: #99d6ff;
 }
-
 QSlider::add-page:vertical {
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
     background: #0099ff;
 }
 

frame1/text_frame1.txt

@@ -0,0 +1 @@
+Wählen Sie den Behälter aus, von dem abgepumpt werden soll.

main_view/label.qss

@@ -0,0 +1,12 @@
+
+QLabel
+{
+    font: "Helvetica";
+	background-color: #e6f5ff;
+	color: #005c99;
+	border-radius: 4px;
+	border: 2px solid #0099ff;
+}
+QLabel:hover{
+    background-color: transparent;
+}

main_view/main_view.py

@@ -0,0 +1,98 @@
+import functools
+
+from PyQt5 import QtGui
+from PyQt5.QtCore import Qt
+from PyQt5.QtWidgets import QLabel, QSlider, QWidget, QHBoxLayout, QVBoxLayout
+
+
+class MainView(QWidget):
+
+    def __init__(self, parent):
+        super(MainView, self).__init__(parent)
+        self.sliders_widget = QWidget(self)
+        self.sliders_layout = QHBoxLayout(self)
+        self.labels_first_widget = QWidget(self)
+        self.labels_first_layout = QHBoxLayout(self)
+        self.labels_second_widget = QWidget(self)
+        self.labels_second_layout = QHBoxLayout(self)
+        self.layout = QVBoxLayout(self)
+
+        self.slider0 = self.create_slider(0)
+        self.slider1 = self.create_slider(1)
+        self.slider2 = self.create_slider(2)
+        self.sliders = [self.slider0, self.slider1, self.slider2]
+
+        for slider in self.sliders:
+            qss_path = "main_view/slider.qss"
+            with open(qss_path, "r") as fh:
+                slider.setStyleSheet(fh.read())
+            self.sliders_layout.addWidget(slider)
+
+        self.labels_first = [self.create_label(u"Behälter 1"), self.create_label(u"Behälter 2"), self.create_label(u"Behälter 3")]
+        self.labels_second = [self.create_label("0.0 mm"), self.create_label("0.0 mm"), self.create_label("0.0 mm")]
+
+        for label in self.labels_first:
+            qss_path = "main_view/label.qss"
+            with open(qss_path, "r") as fh:
+                label.setStyleSheet(fh.read())
+            self.labels_first_layout.addWidget(label)
+
+        for label in self.labels_second:
+            qss_path = "main_view/label.qss"
+            with open(qss_path, "r") as fh:
+                label.setStyleSheet(fh.read())
+            self.labels_second_layout.addWidget(label)
+
+        self.sliders_widget.setLayout(self.sliders_layout)
+        self.layout.addWidget(self.sliders_widget)
+        self.labels_first_widget.setLayout(self.labels_first_layout)
+        self.layout.addWidget(self.labels_first_widget)
+        self.labels_second_widget.setLayout(self.labels_second_layout)
+        self.layout.addWidget(self.labels_second_widget)
+        self.setLayout(self.layout)
+
+    def value_changed(self, nr, i):
+        # print(nr)
+        # print(i)
+        pass
+
+    def slider_position(self, nr, p):
+        # print(nr)
+        # print("position: ", p)
+        pass
+
+    def slider_pressed(self, nr):
+        # print(nr)
+        # print("Pressed!")
+        pass
+
+    def slider_released(self, nr):
+        # print(nr)
+        # print("Released")
+        pass
+
+    def set_slider_position(self, slider_nr, p):
+        self.sliders[slider_nr].setValue(p)
+        self.labels_second[slider_nr].setText(str(p) + " mm")
+
+    def create_slider(self, i):
+        widget = QSlider(Qt.Vertical)
+
+        widget.setMinimum(0)
+        widget.setMaximum(250)
+        widget.setSingleStep(1)
+
+        widget.valueChanged.connect(functools.partial(self.value_changed, i))
+        widget.sliderMoved.connect(functools.partial(self.slider_position, i))
+        widget.sliderPressed.connect(functools.partial(self.slider_pressed, i))
+        widget.sliderReleased.connect(functools.partial(self.slider_released, i))
+        return widget
+
+    def create_label(self, text):
+        font = QtGui.QFont()
+        font.setPointSize(36)
+        widget = QLabel()
+        widget.setText(str(text))
+        widget.setFont(font)
+        widget.setAlignment(Qt.AlignCenter)
+        return widget

main_view/slider.qss

@@ -0,0 +1,37 @@
+QWidget
+{
+	/*-----background-color: #8f1e28;-----*/
+	/*-----color: #000fff;-----*/
+	selection-background-color: #aa7e82;
+	selection-color: #000000;
+	width: 250px;
+	height: 500px;
+}
+QSlider{
+    padding: 8px 4px 8px 4px;
+    border-radius: 4px;
+}
+QSlider:hover{
+    background-color: #e6f5ff;
+}
+QSlider::groove:vertical {
+    background-color: transparent;
+    position: absolute; /* absolutely position 4px from the left and right of the widget. setting margins on the widget should work too... */
+    left: 4px; right: 4px;
+}
+QSlider::handle:vertical {
+    height: 4px;
+    background: #5987a6;
+    margin: 0 -4px; /* expand outside the groove */
+}
+QSlider::sub-page:vertical {
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    background: #99d6ff;
+}
+QSlider::add-page:vertical {
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    background: #0099ff;
+}
+

menubar_example.py

@@ -17,23 +17,28 @@ def initUI(self):
         exitAction.setStatusTip('Exit application')
         exitAction.triggered.connect(qApp.quit)
 
+        uebersichtView = QAction('&Übersicht', self)
+        uebersichtView.setShortcut('Ctrl+A')
+        uebersichtView.setStatusTip('Exit application')
+        uebersichtView.triggered.connect(functools.partial(print, "Übersicht"))
+
         umpumpenView = QAction('&Umpumpen', self)
-        umpumpenView.setShortcut('Ctrl+A')
+        umpumpenView.setShortcut('Ctrl+S')
         umpumpenView.setStatusTip('Exit application')
         umpumpenView.triggered.connect(functools.partial(print, "Umpumpen"))
 
         dosierenView = QAction('&Dosieren', self)
-        dosierenView.setShortcut('Ctrl+S')
+        dosierenView.setShortcut('Ctrl+D')
         dosierenView.setStatusTip('Exit application')
         dosierenView.triggered.connect(functools.partial(print, "Dosieren"))
 
         fuellstandView = QAction('&Füllstand', self)
-        fuellstandView.setShortcut('Ctrl+D')
+        fuellstandView.setShortcut('Ctrl+F')
         fuellstandView.setStatusTip('Exit application')
         fuellstandView.triggered.connect(functools.partial(print, "Füllstand"))
 
         durchflussView = QAction('&Durchfluss', self)
-        durchflussView.setShortcut('Ctrl+F')
+        durchflussView.setShortcut('Ctrl+G')
         durchflussView.setStatusTip('Exit application')
         durchflussView.triggered.connect(functools.partial(print, "Durchfluss"))
 
@@ -42,6 +47,7 @@ def initUI(self):
         menubar = self.menuBar()
         menu = menubar.addMenu('&Menu')
         menu.addAction(exitAction)
+        menu.addAction(uebersichtView)
         menu.addAction(umpumpenView)
         menu.addAction(dosierenView)
         menu.addAction(fuellstandView)