Python | Working with buttons in Kivy

Kivy is a platform independent GUI tool in Python. As it can be run on Android, IOS, linux and Windows etc. Kivy provides you the functionality to write the code for once and run it on different platforms. It is basically used to develop the Android application, but it does not mean that it can not be used on Desktops applications.

Now in this article, we will learn how to build a button in kivy, just like the button we use in calculators and many more places, adding functionality to the button, styling of the button.

The Button is a Label with associated actions that are triggered when the button is pressed (or released after a click/touch). We can add functions behind the button and style the button.



Basic Approach to follow while creating button :

-> import kivy
-> import kivy App
-> import button
-> set minimum version(optional)
-> Extend the class
-> Add and return a button
-> Run an instance of the class

Code #1: How to create button in kivy.

filter_none

edit
close

play_arrow

link
brightness_4
code

# import kivy module
import kivy
  
# this restrict the kivy version i.e
# below this kivy version you cannot
# use the app or software
kivy.require("1.9.1")
  
# base Class of your App inherits from the App class.
# app:always refers to the instance of your application
from kivy.app import App
  
# creates the button in kivy
# if not imported shows the error
from kivy.uix.button import Button
  
# class in which we are creating the button
class ButtonApp(App):
      
    def build(self):
          
        btn = Button(text ="Push Me !")
        return btn
  
# creating the object root for ButtonApp() class 
root = ButtonApp()
  
# run function runs the whole program
# i.e run() method which calls the
# target function passed to the constructor.
root.run()

chevron_right


Output:

In the above output, the button will cover the whole window as we have not given any specific size or done any styling in the button so by default it shows button size equal to window size.

 
Code #2: Styling The Button

filter_none

edit
close

play_arrow

link
brightness_4
code

def build(self):
        # use a (r, g, b, a) tuple
        btn = Button(text ="Push Me !",
                   font_size ="20sp",
                   background_color =(1, 1, 1, 1),
                   color =(1, 1, 1, 1), 
                   size =(32, 32),
                   size_hint =(.2, .2),
                   pos =(300, 250))
  
        return btn

chevron_right


Output:

These are just similar to the HTML, CSS effects. By this, we fix the position of a button at the center of the window, text size, colour and anything you want.
 
Code #3 Adding Functionality behind the button.

One of the common problems is how to add functionality to the button. So to add functionality we use
bind() function it binds the function to the button. bind() creates an event that is send to callback().

One of the most common problems for new Kivy users is misunderstanding how the bind method works, especially amongst newer Python users who haven’t fully formed their intuition about function calls.
The thing is that the bind method doesn’t know about the existence of a function or its arguments, it only receives the result of this function call. As in the given code when the button is pressed it prints that “button pressed” def in the function callback.

In the given code inside bind() we use on_press because when button press it tells the function that button is pressed then the bind uses its functionality.

filter_none

edit
close

play_arrow

link
brightness_4
code

# import kivy module
import kivy
  
# this restrict the kivy version i.e
# below this kivy version you cannot
# use the app or software
kivy.require("1.9.1")
  
# base Class of your App inherits from the App class.
# app:always refers to the instance of your application
from kivy.app import App
  
# creates the button in kivy
# if not imported shows the error
from kivy.uix.button import Button
  
# class in which we are creating the button
class ButtonApp(App):
      
    def build(self):
        # use a (r, g, b, a) tuple
        btn = Button(text ="Push Me !",
                   font_size ="20sp",
                   background_color =(1, 1, 1, 1),
                   color =(1, 1, 1, 1),
                   size =(32, 32),
                   size_hint =(.2, .2),
                   pos =(300, 250))
  
        # bind() use to bind the button to function callback
        btn.bind(on_press = self.callback)
        return btn
  
    # callback function tells when button pressed
    def callback(self, event):
        print("button pressed")
        print('Yoooo !!!!!!!!!!!')
          
  
# creating the object root for ButtonApp() class 
root = ButtonApp()
  
# run function runs the whole program
# i.e run() method which calls the target
# function passed to the constructor.
root.run()

chevron_right


Output:

Video output:



My Personal Notes arrow_drop_up

Competative Programmer

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :

1


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.