MDTextFieldRect

TAKING INPUT FROM USER USING MDTEXTFIELDRECT WIDGET

Link of Video on You Tube - https://youtu.be/a3Kqj0RDW2E

Following are the steps that are required to take input from user :

  

1. Creating the App by importing the MDApp class of kivymd module.

2. Creating the Screen by using MDScreen class of kivymd module.

3. Creating Text Field using MDTextFieldRect Class

First Create a Python file (extension .py) then, create a kivy file (.kv extension) name of kivy file should be same as app name.

App name is the name of the class that consist of build function and created by inheriting the MDApp class

Following is the list of attributes used in this program :-

Attributes of MDScreen class

1. md_bg_color - To change the background color 

2. radius - to change the corner radius of screen

Attributes of MDTextFieldRect class

1. hint_text - To print hint text on text field (Takes String).

2. pos_hint - To change the position of button (Takes values in dictionary format like pos_hint : {"center_x":.5,"center_y":.5}.

3.  size_hint - To change the size of field along x and y axis (Takes float type values and None,None ).

4. size- used when the value of size_hint is None (Takes Numeric values like 100, 200).

5. background_color - To change then background color of text field (Takes values in RGB format).

6. foreground_color - To change the color of input text (Takes Values in RGB format).

7. hint_text_color -  To change the color of hint text (Takes values in RGB format).

8. password - To take password input from user (Takes True or False).

9. password_mask - To change the password mask (Takes a String)

Following is the code of this program :-

1. Code of Python program (Save it by .py extension)

from kivymd.app import MDApp

class Myapp(MDApp):

    def build(self):

        return

    def get_data(self):

        print("The data of text field is :: ",self.root.ids.data.text)

Myapp().run()

2. Code of Kivy program (Save it by name Myapp.kv)

MDScreen :

    MDTextFieldRect :

        id : data

        hint_text : "Username"

        pos_hint : {"center_x":.5,"center_y":.5}

        size_hint : None,None

        size : 300,40

        font_size : 20

        foreground_color : [1,0,0,1]

        background_color : [0,0,0,.2]

        hint_text_color : [0,0,1,1]

    MDRectangleFlatIconButton :

        text : 'Submit '

        icon : "language-python"

        pos_hint : {"center_x":.5,"center_y":.3}

        font_size : 20

        on_press : app.get_data()

Image of Text Field :-