MDTextFieldRound

TAKING INPUT FROM USER USING MDTEXTFIELDROUND WIDGET

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

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 MDTextFieldRound 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 MDTextFieldRound 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. icon_right - name of icon to be printed on right side of text field.

Note :- you can get the list of ICON name by using this url

            https://gitlab.com/kivymd/KivyMD/blob/master/kivymd/icon_definitions.py

4.  size_hint_x - to change the size of field along x axis (Takes float type values and None).

5. width - used when the value of size_hint_x is None (takes Numeric values).

6. color_active - To change the color of text field line when it is active (takes values in rgb format)

7. normal_color - To change the color of text field line when it is normal (takes values in rgb format).

8. icon_right_color - To change the color of right icon (takes values in rgb format).

9. icon_left_color - To change the color of left icon (takes values in rgb format).

10. multiline - To take multiline input from user (Takes True, False)

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

12. 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 :

    MDTextFieldRound :

        id : data

        hint_text : "Username"

        icon_right : "eye"

        icon_left : "account"

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

        size_hint_x : None

        width : 300

        font_size : 20

        normal_color : [1,1,0,1]

        color_active : [0,0,0,.4]

        icon_left_color : [0,0,1,1]

        icon_right_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 Button :-