MDRoundFlatIconButton

CREATING A ROUND FLAT ICON BUTTON USING KIVYMD 

 

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

Following are the steps that are required to create Round flat Icon 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 MDRoundFlatIconButton 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 MDRoundFlatIconButton class

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

2. icon - name of icon to be printed on the button.

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

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

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

4. 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.

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

6. elevation - To make shadow of button (takes numeric value)

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

8. size_hint - To change the size of button takes float type values or None

9. size - To change the size of button (takes values in size : 

height,width height and width should be numeric)

Note :- The size of the button is on the default size so we have to use size attribute to increase its size.

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

11.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("Button is pressed")

Myapp().run()

# Save it by .py extension

# Code of Kivy File

MDScreen :

    MDRoundFlatIconButton :

        text : "MDRoundFlatIconButton"

        icon : "language-python"

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

        font_size : 40

        size_hint : None,None

        size : 480,50

        theme_text_color : "Custom"

        text_color : [0,1,1,1]

        on_release : app.callback()

# Save it by name Myapp.kv