MDFlatButton

CREATING A FLAT BUTTON USING KIVYMD  

Link Of Video on You Tube - https://youtu.be/6HangYGByAs

Following are the steps that are required to create Flat Button :

  

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 a button using MDFlatButton class of kivymd module. 

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 MDFlatButton class

1.  text - Text to be printed in the button (takes string)

2.  pos_hint -  To place the button at particular position (takes float values)

3.  theme_text_color : To change the color of icon (Values Primary, Secondary, Hint, Error and Custom)

Note : When the value of theme_text_color is Custom then we can use text_color attribute to change the color.

4.  text_color - To change the color of icon (Takes color values in rgb fromat)

5.  font_size - To increase font size of button (takes numeric value)

6.  on_press - Action to be performed when button is pressed

7. on_release - Action to be performed when the button is released

Following is the code of this program :-

# Code Of Python File

from kivymd.app import MDApp

class Myapp(MDApp):

    def build(self) :

        return

    # Defining the function 

    def callback(self):

        print('MDFlatButton button is pressed')

Myapp().run()

# Save it by .py extension 

# ----------------------------------------------------------------#

# Code of Kivy file 

MDScreen :

    MDFlatButton :

        text : "MDFlatButton"

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

        font_size : 30

        theme_text_color : "Custom"

        text_color : [0,0,1,1]

        on_press : app.callback()

# Save it by name Myapp.kv