Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:examples [2022/01/30 21:07] – [Car] roehner
+++ en:examples [2022/08/25 21:28] (aktuell) – [EAN check] roehner
@@ Zeile 1: / Zeile 1: @@
-===== Exampes =====
+===== Examples =====
 ==== 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}}
@@ Zeile 11: / Zeile 12: @@
 def bCheck_Command(self):
     # Input
-    EAN = self.EANTV.get()
+    EAN = self.eEANCV.get()
     # Processing
     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:
         self.output('Length of EAN: 13 ')
@@ Zeile 42: / Zeile 43: @@
 </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>
-    EAN = self.EANTV.get()
+    EAN = self.eEANCV.get()
 </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.
-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>
@@ Zeile 57: / Zeile 58: @@
     self.Output.insert('end', line + '\n')
 </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**:
   *[[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====
@@ Zeile 72: / Zeile 89: @@
 {{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}}
@@ Zeile 84: / Zeile 101: @@
 </code>
-When refueling, the quantity entered in the entry component is read in via the get() method of the text variable //eRefuelTV// 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>
     def bRefuel_Command(self):
         # Input from the GUI
-        amount = float(self.eRefuelTV.get())
+        amount = float(self.eAmountCV.get())
         # Processing
         self.car1.refuel(amount)
@@ Zeile 96: / Zeile 115: @@
 </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 tank contents and mileage are retrieved via the get() methods get_tankcontent() and get_mileage() of the class car and passed to the set() methods of the text variables 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>
     def show(self):
-        self.eTankcontentTV.set(self.car1.get_tankcontent())
+        self.eLicenseplateCV.set(self.car1.get_licenseplate())
-        self.eMileageTV.set(self.car1.get_mileage())
+        self.eTankcontentCV.set(self.car1.get_tankcontent())
+        self.eMileageCV.set(self.car1.get_mileage())
         self.lCar.place(x = self.car1.get_mileage(), y = 160)
 </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**
   *[[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 ====
+Programming dynamic data structures is a significant challenge, as one must understand the concept of linking using references and perform complex operations on references. New are variables that have values that are references to objects or addresses.
+In this example we consider a singly linked linear list. The list itself is modeled as a class //LinkedList// with nodes as list elements. As an attribute it has a reference to the //head// of the list.
+The //Node// class can store data in the first attribute and a reference to a next node of the linked list in the //next// attribute. If a node has no next node, this attribute has the value //None//.
+<code python>
+class Node:
+    def __init__(self, data):
+        self.data = data
+        self.next = None
+</code>
+The implementation of an insert operation is difficult because four cases must be distinguished:
+    - The list is empty.
+    - It should be inserted at the beginning.
+    - It should be inserted at the end.
+    - It is intended to be inserted between two nodes.
+The first two cases can be implemented with the method //insert_first()//:
+<code python>
+    def insert_first(self, node):
+        node.next = self.head
+        self.head = node
+</code>
+The implementation can be tested in the UML window. To do this, you create a linked list and a node, call the //insert_first()// method via the //linkedlist1// object and enter the value //node1// for the node parameter.
+{{en:list1.png}}
+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>
+    def insert_last(self, node):
+        if self.head is None:
+            self.head = node
+        else:
+            cursor = self.head
+            while cursor.next is not None:
+                cursor = cursor.next
+            cursor.next = node
+</code>
+Inserting before a node is the most difficult case because the new node must then be inserted after the previous node. In addition to the cursor, you need another reference to the previous node. The node before which to insert is determined by its data.
+<code python>
+    def insert_before(self, data, new_node):
+        if self.head.data == data:
+            self.insert_first(new_node)
+            return
+        prev_node = self.head
+        cursor = prev_node.next
+        while cursor is not None and cursor.data != data:
+            prev_node = cursor
+            cursor = cursor.next
+        if cursor is not None:
+            new_node.next = cursor
+            prev_node.next = new_node
+        else:
+            raise Exception("Node with data '%s' not found" % data)
+</code>
+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>
+    def remove(self, data):
+        if self.head.data == data:
+            self.head = self.head.next
+        else:
+            prev_node = self.head
+            cursor = prev_node.next
+            while cursor is not None and cursor.data != data:
+                prev_node = cursor
+                cursor = cursor.next
+            if cursor is not None:
+                prev_node.next = cursor.next
+</code>
+The functionality of the implemented methods can be checked very well by interactive testing in the UML window, because the result is visualized in the object diagram. You can see immediately whether a method worked as expected. In the picture the list with the elements 'a, 'b' and 3 was created and then the node with data = 'b' was deleted. That worked, because the list consists only of the two elements 'a' and 3. The deleted node is just deleted from the list. Python's garbage collection takes care of it.
+{{en:list.png}}
+**Important NOTE**
+In the UML window, objects are identified by their addresses. In the example, the address 0x01CFA688 for the node1 object.
+<code python>
+>>> node1 = Node('a')
+>>> print(node1)
+<__main__.Node object at 0x01CFA688>
+</code>
+Therefore, do not implement a %%__repr__%% function for your classes, because then these addresses will no longer be available.
+**Download**:
+  *[[https://www.guipy.de/examples/en/list.zip |list.zip]]