Skip to main content

MDFloatingActionButtonSpeedDial


 

CREATING A FLOATING ACTION BUTTON SPEED DIAL USING KIVYMD  





Link Of Video On You Tube - https://youtu.be/z8y6_c55F20


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 MDFloatingActionButtonSpeedDial 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 MDFloatingActionButtonSpeedDial class
1.  data - Text data of button in dictionary type. In data the key is the name of the icon and value is the text to be printed in front of the icon
Example :- data : {"language-python":"python"} 
    In this Example language-python is icon name and python is the text.
2.  rotation_root_button -  used to rotate the root button (Takes True or False)
3. hint_animation_text - used to open the text when the cursor goes upon it (Takes True or False)
4. label_text_color -  to change the text color of hint text (Takes values in list format)
5. bg_hint_color : - To change the background color of hint text (Takes values in list format).
6. bg_color_stack_button -  To change thhe background color of stack button(Takes values in list format). 
7. bg_color_root_button - To change the background color of root button (Takes values in list format).
8. color_icon_stack_button - To change the color of icon of stack button (Takes values in list format).
9. color_icon_root_buton - To change the color icon of root button (Takes values in list format).
10. callback -  to call a function when the button is pressed.
11. on_open - to call a function when the button is open
12. on_close -  To call a funtion when the button is close

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 call(selfobj):
        print("Stack button is pressed"
    def open(self):
        print("Button is open")
    def close(self):
        print("Button is closed")

Myapp().run()

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

MDScreen :
    MDFloatingActionButtonSpeedDial :
        data : {"language-python":"python","language-cpp":"C++","language-php":"PHP"}
        rotation_root_button : True 
        hint_animation : True
        label_text_color : [1,0,0,1]
        bg_hint_color : [0,1,0,1]
        bg_color_stack_button : [0,1,0,1]
        bg_color_root_button : [0,1,0,1]
        color_icon_root_button : [0,0,1,1]
        color_icon_stack_button : [0,0,1,1]
        callback : app.call
        on_open : app.open()
        on_close : app.close()

 Image of button


Comments

  1. Greeting here, well done for job your doing, some of us are grateful, I am Matovu Shafik doing my bachelors degree in computer science in Uganda at Mbarara University of Science and Technology and am grateful to know you and join you.
    Am coming up with a deep learning final year project in python, CNN, TensorFlow for Face Recognition and wanted to use mobile as my user interaction platform.
    Is it possible to use kivyMD for my UI so that I can run my project on different platforms say android, iOS, windows, Linux and others??

    Thanks.

    ReplyDelete

Post a Comment

Popular posts from this blog

LOGIN page (Projects)

Creating a LOGIN page using KIVYMD Video link on YouTube -   https://youtu.be/2ImbdfgY0Gg Following classes are required to create a login page :- 1. MDApp - To create a App 2. MDScreen - To create a screen 3. MDCard - To create a Card  4. MDLabel - To create a Label 5. MDTextFieldRound - To take ID and Password Input from user 6. MDRoundFlatButton - To create a sign-up button Note :- 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 b uild function and created by inheriting the MDApp class Following is the code of LOGIN page # Code of Python Program from  kivymd.app  import  MDApp class   Myapp ( MDApp ):      def   build ( self ):          return Myapp().run() # Save it by .py extension # Code of KIVY File MDScreen :     md_bg_color :  [ 35 / 255 , 59 / 255 , 54 / 255 , 1 ]     MDCard :         size_hint :  None,None         size :   320 , 400         pos

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 b uild 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 : {"ce

Photo Shoot Page

C REATING A PHOTO SHOOT PAGE USING KIVYMD Code of python Program # Code of Python Program from   kivymd . app   import   MDApp from   kivy . core . window   import   Window Window .size = ( 360 , 600 ) class   Myapp ( MDApp ):      def   build ( self ):          return Myapp (). run () Code of kivy program  # Code of kivy Program MDScreen :     MDBoxLayout :         orientation :   'vertical'         MDToolbar :               title :   'Photo Shoots'             md_bg_color :  [ 0 , 0 , 1 , 1 ]             left_action_items :  [[ 'menu' , lambda x : print( 'menu' )]]             right_action_items :  [[ 'magnify' , lambda x : print( 'serach' )],[ 'dots-vertical' , lambda x : print( 'vertical dots' )]]                  ScrollView :             MDGridLayout :                 cols :   2                 size_hint_y :   2 . 4                 MDCard :                     size_hint_x :  . 5                     size_hint_y :  . 3