Changes between Version 16 and Version 17 of salome

Timestamp:

Nov 23, 2017, 12:29:42 AM (7 years ago)

Author:

brankm

Comment:

Primer izdelave dialoga.

salome

@@ -329 +329 @@
     * **QLabel** služi za prikaz besedila in je statični element, ki podaja neko informacijo.
 
-Na sliki je prikazan primer izgleda uporabniškega vmesnika, ki ga bomo napisali v tem poglavju. Ta vmesnik grafične elemente razporedi v vertikalni smeri z metodo ''QVBoxLayout()''. Na vrhu je definiran ''QLabel'', pod njim pa gumb ''QPushButton''. S klikom nanj se izvede funkcija, ki izriše panel in ga pozicionira v prostoru. Nato lahko panel še rotiramo in naredimo kopije panela. V ''QLineEdit'' pod ''Set name:'' zapišemo imena rotiranih panelov, v ''QLineEdit'' pod ''Set rotation angle::'' zapišemo kot rotacije tipa `float`, v ''QLineEdit'' pod ''Set number of rotations:'' pa število panelov tipa `int`.
+Na sliki je prikazan primer izgleda uporabniškega vmesnika, ki ga bomo napisali v tem poglavju. Ta vmesnik grafične elemente razporedi v vertikalni smeri z metodo ''QVBoxLayout()''. Na vrhu je definiran ''QLabel'', pod njim pa gumb ''QPushButton''. S klikom nanj se izvede funkcija, ki izriše panel in ga pozicionira v prostoru. Nato lahko panel še rotiramo in naredimo kopije panela. V ''QLineEdit'' pod ''Set name:'' zapišemo imena rotiranih panelov, v ''QLineEdit'' pod ''Set rotation angle::'' zapišemo kot rotacije okoli ''z''-osi tipa `float`, v ''QLineEdit'' pod ''Set number of rotations:'' pa število panelov tipa `int`.
 
 Na začetku ponovno uvozimo vse potrebne knjižnice, tokrat tudi grafično knjižnico `PyQt5`.
@@ -445 +445 @@
     salome.sg.updateObjBrowser(True)
 }}}
+
+Nato zapišemo še funkcijo ''createNewPanel'', ki se izvede ob pritisku na gumb ''Apply'', in izdela zasukane panele. Omenjena funkcija kot vhodne argumente prejme tri spremenljivke tipa **QLineEdit**. V našem primeru je ''lin1'' objekt razreda **QLineEdit**, ki sprejme tekst, ki predstavlja ime zasukanih panelov, ''lin2'' predstavlja kot rotacije panelov,  ''lin3'' pa število zasukanih panelov. Do teskta dostopamo z metodo `QLineEdit.text()`, npr. `lin1.text()` vrne spremenljivko, ki vsebuje vnešen tekst v omenjeni **QLineEdit()**. Omenjena funkcija bo zdelala zasukane panele, če bo uporabnik predhodno izdelal panel, ki ga definira gumb ''Create panel''.
+
+{{{
+#!python
+def createNewPanel(lin1, lin2, lin3):
+    # If panel is not made, there is nothing to rotate
+    # If lin2.text() is not float, angle cannot be determined
+    # If lin3.text() is not int, number of rotated panels cannot be determined
+    if panelIsMade and float(lin2.text()) and int(lin3.text()):
+        p1 = geompy.MakeVertex(0, 0, 0)
+        p2 = geompy.MakeVertex(0, 0, 1)
+        v = geompy.MakeVector(p1, p2)
+        # This for loop iterates over number of roteted panels and
+        # adds angle to every new panel. Result is panel_FW_rotated
+        # Name of panel is given by user + angle of rotation
+        for nr in range(1,int(lin3.text())+1):
+            panel_FW_rotated = geompy.MakeRotation(panel_FW, v, math.pi/180*nr*float(str(lin2.text())))
+            panel_name = str(lin1.text())+"_rotated_"+str(float(str(lin2.text()))*nr)+"_deg"
+            geompy.addToStudy(panel_FW_rotated,panel_name)
+        salome.sg.updateObjBrowser(True)
+}}}
+
+Sedaj lahko izdelamo uporabniški vmesnik. Vsak uporabniški vmesnik je definiran kot objekt. Pri knjižnici ''PyQt5'' je to objekt, definiran kot **QtWidgets.QWidget()**. Objekt ima svoje metode, kot so npr. `setFixedSize()`, ki definira točno velikost dialoga, ter `setWindowTitle()`, ki definira naslov dialoga.
+
+{{{
+#!python
+widgetHDF = QtWidgets.QWidget()
+widgetHDF.setFixedSize(500, 250)
+widgetHDF.setWindowTitle('Rotate panel')
+}}}
+
+Nato definiramo uporabljene grafične elemente. Spremenljivka panelIsMade je uporabljena v funkciji ''createNewPanel''. Če je njena vrednost `False`, se funkcija ne izvede, saj to pomeni, da predhodni panel, ki ga kopiramo, ni bil izdelan. 
+
+{{{
+#!python
+lblPanel = QLabel('Create panel:')
+btnPanel = QPushButton('Create Panel')
+lbl1 = QLabel('Set name for rotation panels:')
+lin1 = QLineEdit('panel4')
+lbl2 = QLabel('Set rotation angle:')
+lin2 = QLineEdit('0')
+lbl3 = QLabel('Set number of rotations:')
+lin3 = QLineEdit('1')
+btn = QPushButton('Apply')
+panelIsMade = False
+}}}
+
+Metoda `setToolTip` prikaže namig, če kurzor premaknemo na gumb. Ko kliknemo na gumb, se mora izvesti neka funkcija. V ''PyQt5'' knjižnici ima gumb metodo `clicked.connect()`, ki kot vhodni argument sprejme ime funkcije, ki se mora izvesti. Gumb ''btnPanel'' razreda **QPushButton** pokliče funkcijo ''createPanel()'', ki ne sprejme nobenega vhodnega argumenta, saj je njena naloga samo izrisati predhodno določen in pozicioniran panel. Drugače je pri gumbu ''btn''. Ta kliče funkcijo ''createNewPanel()'', ki sprejme tri vhodne argumente, ki so ime panelov, kot in število panelov. Metoda `clicked.connect()` pa sprejme samo en argument. To rešimo s funkcijo `partial`. Prvi argument te funkcije je ''createNewPanel'', ostali argumenti pa so vhodni argumenti za našo funkcijo. Funkcija `partial()` tako vhodne argumente poda v ''createNewPanel''. in rezultat prenese v `clicked.connect()`.
+
+{{{
+#!python
+btnPanel.setToolTip('Create panel')
+btn.setToolTip('Create rotated panels')
+btnPanel.clicked.connect(btnPanel.clicked.connect(createPanel))
+btn.clicked.connect(partial(createNewPanel,lin1,lin2,lin3))
+}}}
+
+Sedaj lahko definiramo razporeditev grafičnih elementov v našem dialogu. Možne izbire so **QGridLayout()**, kar pomeni mrežna razporeditev elementov, **QHBoxLayout()**, ki elemente razporedi horizontalno in **QVBoxLayout()**, ki elemente razporedi vertikalno. V našem primeru uporabimo **QVBoxLayout()**, ki grafične elemente glede na zaporedje dodajanja v dialog razvršča vertikalno od zgoraj navzdol (prvi element, ki je dodan v dialog, v našem primeru ''lblPanel'' tipa **QLabel**, je na vrhu, nato sledijo drugi). 
+
+{{{
+#!python
+layout = QtWidgets.QVBoxLayout()
+layout.addWidget(lblPanel)
+layout.addWidget(btnPanel)
+layout.addWidget(lbl1)
+layout.addWidget(lin1)
+layout.addWidget(lbl2)
+layout.addWidget(lin2)
+layout.addWidget(lbl3)
+layout.addWidget(lin3)
+layout.addWidget(btn)
+}}}
+
+Na koncu v objekt, ki definira dialog, namestimo porazdelitev grafičnih elementov. Z metodo `move()` lahko določimo, kje na ekranu bo pozicioniran dialog, z metodo `show()` pa dokončno prikažemo dialog na zaslonu. 
+
+{{{
+#!python
+widgetHDF.setLayout(layout)
+widgetHDF.move(500, 500)
+widgetHDF.show()
+}}}