GuiPy

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
en:examples

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
en:examples [2022/03/01 19:30] – [Car] roehneren:examples [2022/08/25 21:28] (aktuell) – [EAN check] roehner
Zeile 1: Zeile 1:
-===== Exampes =====+===== Examples =====
 ==== EAN check ==== ==== EAN check ====
 +=== Tkinter/TTK ===
  
-The EAN check is an example of a simple GUI application. It has an entry component for entering an EAN and a text component for the multi-line output of results.+The EAN check is an example of a simple GUI application. It has an entry widget for entering an EAN and a text widget for the multi-line output of results.
  
 {{en:eancheck.png}} {{en:eancheck.png}}
Zeile 11: Zeile 12:
 def bCheck_Command(self): def bCheck_Command(self):
     # Input     # Input
-    EAN = self.EANTV.get()+    EAN = self.eEANCV.get()
     # Processing     # Processing
     if not EAN.isdigit():     if not EAN.isdigit():
-        self.output('An EAN must not contain any characters from digits!')+        self.output('An EAN must not contain any characters other than digits!')
     if len(EAN) == 13:     if len(EAN) == 13:
         self.output('Length of EAN: 13 ')         self.output('Length of EAN: 13 ')
Zeile 42: Zeile 43:
 </code> </code>
  
-According to the IPO principle, the input from the entry component is read in first. The text variable EANTV assigned to the entry component is used for input or output. Its value can be read with ENATV.get() for input and with EAN.set(value) for output. With+According to the IPO principle, the input from the entry widget is read in first. The control variable eEANCV assigned to the entry widget is used for input or output. Its value can be read with eENACV.get() for input and with eEANCV.set(value) for output. With
  
 <code python> <code python>
-    EAN = self.EANTV.get()+    EAN = self.eEANCV.get()
 </code> </code>
-the EAN entered in the Entry component is read into the local variable EAN of type **str(ing)** and can then be processed. +the EAN entered in the Entry widget is read into the local variable EAN of type **str(ing)** and can then be processed. 
  
 The processing part checks whether 13 digits have been entered and then performs the check digit calculation.  The processing part checks whether 13 digits have been entered and then performs the check digit calculation. 
  
-Outputs are made to the text component labeled //Output//. It has very powerful methods, so even just outputting a line isn't quite easy. A separate method //output()// is therefore used in order to simplify programming.+Outputs are made to the text widget //Output//. It has very powerful methods, so even just outputting a single line isn't quite easy. A separate method //output()// is therefore used in order to simplify programming.
  
 <code python> <code python>
Zeile 57: Zeile 58:
     self.Output.insert('end', line + '\n')     self.Output.insert('end', line + '\n')
 </code> </code>
-This inserts a line at the end of the text component //Output// and ends it with the control character '\n' (NewLine). If an output line consists of several substrings, these must be put together with "+". Numbers must first be converted into a string using **str**(). +This inserts a line at the end of the text widget //Output// and ends it with the control character '\n' (NewLine). If an output line consists of several substrings, these must be put together with "+". Numbers must first be converted into a string using **str**().
  
 **Download**: **Download**:
   *[[https://www.guipy.de/examples/en/ean.zip|ean.zip]]    *[[https://www.guipy.de/examples/en/ean.zip|ean.zip]] 
 +
 +=== Qt variant of EAN check ===
 +In Qt we have a LineEdit widget for input and a PlainTextWidget for output. To read the EAN we use the //text()// method of LineEdit widget.
 +
 +<code python>
 +    EAN = self.leEAN.text()
 +</code>
 +
 +The output is easier in Qt than in Tkinter/TTK:
 +
 +<code python>
 +    def output(self, line):
 +        self.Output.appendPlainText(line)
 +</code>
 +  
 +**Download**:
 +  *[[https://www.guipy.de/examples/en/qtean.zip|qtean.zip]] 
  
 ==== Car==== ==== Car====
Zeile 72: Zeile 89:
 {{en:intro.png}} {{en:intro.png}}
  
-In the next step, the //car// class is used as a functional spezification in a GUI program.+In the next step, the //car// class is used as a functional specification in a GUI program.
  
 {{en:car.png}} {{en:car.png}}
Zeile 84: Zeile 101:
 </code> </code>
  
-When refueling, the quantity entered in the entry component is read in via the get() method of the text variable //eAmountTV// belonging to the component and converted into the required data type using //float//.+=== Tkinter/TKK === 
 + 
 +When refueling, the quantity entered in the entry widget is read in via the get() method of the control variable //eAmountCV// belonging to the widget and converted into the required data type using //float//.
  
 <code python> <code python>
     def bRefuel_Command(self):     def bRefuel_Command(self):
         # Input from the GUI         # Input from the GUI
-        amount = float(self.eAmountTV.get())+        amount = float(self.eAmountCV.get())
         # Processing         # Processing
         self.car1.refuel(amount)         self.car1.refuel(amount)
Zeile 96: Zeile 115:
 </code> </code>
  
-Then, according to the IPO principle, the entered amount is processed in the refuel() method.+Then, according to the IPO principle, the entered amount is processed in the //refuel()// method.
  
-Finally, the result is output with a separate method show(). The values for licenseplate, tank contents and mileage are retrieved via the get() methods of the class car and passed to the set() methods of the text variables eLicenseplateTV, eTankcontentTV and eMileageTV:+Finally, the result is output with a separate method //show()//. The values for license plate, tank contents and mileage are retrieved via the get() methods of the class car and passed to the set() methods of the control variables eLicenseplateCV, eTankcontentCV and eMileageCV:
  
 <code python> <code python>
     def show(self):     def show(self):
-        self.eLicenseplateTV.set(self.car1.get_licenseplate()) +        self.eLicenseplateCV.set(self.car1.get_licenseplate()) 
-        self.eTankcontentTV.set(self.car1.get_tankcontent()) +        self.eTankcontentCV.set(self.car1.get_tankcontent()) 
-        self.eMileageTV.set(self.car1.get_mileage())+        self.eMileageCV.set(self.car1.get_mileage())
         self.lCar.place(x = self.car1.get_mileage(), y = 160)         self.lCar.place(x = self.car1.get_mileage(), y = 160)
 </code> </code>
  
-The label component //lCar// has been assigned a car image via the //Image// attribute in the object inspector. The place() method sets the x position of the car to the mileage.+The label widget //lCar// has been assigned a car image via the //Image// attribute in the object inspector. The //place()// method sets the x position of the car to the mileage.
  
 **Download** **Download**
   *[[https://www.guipy.de/examples/en/car.zip |car.zip]]    *[[https://www.guipy.de/examples/en/car.zip |car.zip]] 
 +
 +=== Qt ===
 +
 +When refueling, the quantity is read in via the text() method of the LineEdit widget and converted into the required data type using //float//.
 +
 +<code python>
 +    def bRefuel_Command(self):
 +        # Input from the GUI
 +        amount = float(self.leAmount.text())
 +        # Processing
 +        self.car1.refuel(amount)
 +        # Output
 +        self.show()
 +</code>
 +
 +Then, according to the IPO principle, the entered amount is processed in the //refuel()// method.
 +
 +Finally, the result is output with a separate method //show()//. The values for license plate, tank contents and mileage are retrieved via the get() methods of the class car and passed to the setText() methods of the widgets leLicenseplate, leTankcontent and leMileage:
 +
 +<code python>
 +    def show(self):
 +        self.leLicenseplate.setText(self.car1.get_licenseplate())
 +        self.leTankcontent.setText(self.car1.get_tankcontent())
 +        self.leMileage.setText(self.car1.get_mileage())
 +        self.lCar.move(x = self.car1.get_mileage(), y = 160)
 +</code>
 +
 +The label widget //lCar// has been assigned a car image via the //Pixmap// attribute in the object inspector. The //move()// method sets the x position of the car to the mileage.
 +
 +**Download**
 +  *[[https://www.guipy.de/examples/en/qtcar.zip |qtcar.zip]] 
  
 ==== Linked List ==== ==== Linked List ====
Zeile 127: Zeile 177:
 </code> </code>
  
-The implementation of an insert operation is difficult because four cases have to be distinguished:+The implementation of an insert operation is difficult because four cases must be distinguished:
     - The list is empty.     - The list is empty.
     - It should be inserted at the beginning.     - It should be inserted at the beginning.
Zeile 145: Zeile 195:
 {{en:list1.png}} {{en:list1.png}}
  
-To insert at the end of the list, you have to use a loop and a cursor variable to navigate to the last element. The new node is added there.+To insert at the end of the list, you must use a loop and a cursor variable to navigate to the last element. The new node is added there.
  
 <code python> <code python>
Zeile 178: Zeile 228:
 </code> </code>
  
-Deleting a node is just as difficult, because the previous node has to be connected to the following one in order to delete it.+Deleting a node is just as difficult because the previous node must be connected to the following one in order to delete it.
  
 <code python> <code python>
en/examples.1646159424.txt.gz · Zuletzt geändert: 2022/03/01 19:30 von roehner