Demo kivy app

Author: hatscode

Generic programming/Class work/dictionaries.py

@@ -1,9 +1,42 @@
-
 from kivymd.app import MDApp
+from kivymd.uix.screen import Screen
+from kivy.lang import Builder
+from kivymd.uix.boxlayout import MDBoxLayout
+from kivymd.uix.label import MDLabel
 
 class Demo(MDApp):
-
     def build(self):
-        return super().build()
+        screen = Screen()
+        self.theme_cls.primary_palette = "Green"
+
+        # Create a box layout to center elements
+        box_layout = MDBoxLayout(
+            orientation="vertical",
+            spacing=20,
+            pos_hint={"center_x": 0.5, "center_y": 0.5},
+            size_hint=(None, None),
+        )
+
+        # Label
+        label = MDLabel(text="Login", halign="center")
+
+        # Load the text fields from the strings
+        username = Builder.load_string(username_helper)
+        password = Builder.load_string(password_helper)
+
+
+        # Add widgets to the box layout
+        box_layout.add_widget(label)
+        box_layout.add_widget(username)
+        box_layout.add_widget(password)
+
+        # Set the size of the box layout according to the widgets
+        box_layout.height = username.height + password.height + 40  # Adding spacing
+        box_layout.width = 400  # Width matches the text fields
+
+        # Add the box layout to the screen
+        screen.add_widget(box_layout)
+
+        return screen
 
-Demo().run()
+Demo().run()

Kivy/__pycache__/helpers.cpython-312.pyc

@@ -1,11 +1,18 @@
-username_input = """
+username_helper = """
 MDTextField:
-    hint_text: "Enter username"
-    helper_text: "or click on forgot username"
+    hint_text: "Enter your username"
+    size_hint_x: None
+    width: 400
+    icon_right: "account"
+"""
+
+password_helper = """
+MDTextField:
+    hint_text: "Enter your password"
+    helper_text: "or click on forgot password"
     helper_text_mode: "on_focus"
-    icon_right: "android"
-    icon_right_color: app.theme_cls.primary_color
-    pos_hint:{'center_x': 0.5, 'center_y': 0.5}
-    size_hint_x:None
-    width:300
+    size_hint_x: None
+    width: 400
+    icon_right: "key-variant"
+    password: True
 """

Kivy/helpers.py

@@ -1,38 +1,57 @@
 
 from kivymd.app import MDApp
 from kivymd.uix.screen import Screen
-from kivymd.uix.button import MDButton
-from kivymd.uix.textfield import MDTextField
+from kivymd.uix.boxlayout import MDBoxLayout
+from kivymd.uix.label import MDLabel
+from helpers import username_helper, password_helper
 from kivy.lang import Builder
-from kivymd.uix.button import MDButton
-from kivymd.uix.button import MDButtonIcon
+from kivymd.uix.button import MDRaisedButton
+from kivymd.uix.dialog import MDDialog
 
-username_input = """
-MDTextField:
-    hint_text: "Enter username"
-    helper_text: "or click on forgot username"
-    pos_hint:{'center_x': 0.5, 'center_y': 0.5}
-    size_hint_x:None
-    width:300
-"""
-
-class TodoApp(MDApp):
+class Demo(MDApp):
 
     def build(self):
         screen = Screen()
+        self.theme_cls.primary_pelatte = "Green"
 
-        # user_name = MDTextField(text="Enter username", pos_hint={"center_x":0.5, "center_y":0.5},
-        #                         size_hint_x=None, width=400)
+        box_layout = MDBoxLayout(
+            orientation = "vertical",
+            spacing = 20,
+            pos_hint = {"center_x":0.5, "center_y":0.5},
+            size_hint = (None, None)
+        )
 
-        username = Builder.load_string(username_input)
-        button = MDButtonIcon(text="Click Me", pos_hint={"center_x":0.5, "center_y":0.5})
 
+        # Widgets
+        label = MDLabel(text="Login", halign="center")
+        self.username = Builder.load_string(username_helper)
+        self.password = Builder.load_string(password_helper)
+        button = MDRaisedButton(text="Login", pos_hint={"center_x":0.5, "center_y":0.5},
+                                on_release=self.show_values)
 
-        
-        # screen.add_widget(username)
-        screen.add_widget(button)
+        # Add widgets in the box layout
+        box_layout.add_widget(label)
+        box_layout.add_widget(self.username)
+        box_layout.add_widget(self.password)
+        box_layout.add_widget(button)
 
-        
-        return screen
+        box_layout.height = self.username.height + self.password.height + 40
+        box_layout.width = 400
 
-TodoApp().run()
+        # Add the box layout in the screen
+        screen.add_widget(box_layout)
+
+        return screen
+    
+    # Function for showing the dialog
+    def show_values(self, obj):
+        close_btn = MDRaisedButton(text="Close")
+        more_btn = MDRaisedButton(text="More")
+        dialog = MDDialog(title="Show details", 
+                          text=f"Username: {self.username.text} \n\nPassword: {self.password.text}",
+                          size_hint=(0.7, 1),
+                          buttons=[close_btn, more_btn])
+        dialog.open()
+    
+if __name__ == "__main__":
+    Demo().run()