In this video I’ll show you how to use images for buttons in your Kivy App.

Chances are, you’re going to want to use images as buttons in your app. It’s pretty easy to do that, and I’ll show you how in this video.

Just give your Button an Image, with a source pointing to the image. Then change the size of your button to fit the size of your image. Give your button an on_press and an on_release and you’re good to go!

Python Code:
GitHub Code:

from import App
from kivy.uix.widget import Widget
from kivy.lang import Builder

# Designate Our .kv design file 

class MyLayout(Widget):
	def hello_on(self):
		self.ids.my_image.source = 'images/login_pressed.png'

	def hello_off(self):
		self.ids.my_image.source = 'images/login.png'
		self.ids.my_label.text = "You Pressed The Button!"
class AwesomeApp(App):
	def build(self):
		return MyLayout()

if __name__ == '__main__':

Kivy Design Code: button_image.kv
GitHub Code: button_image.kv

		orientation: "vertical"
		size: root.width, root.height
		padding: 50
		spacing: 20

			id: my_label
			text: "Hello World!"
			font_size: 32
			# text: "Hello"
			# font_size: 32
			size_hint: .15, .12
			pos_hint: {'center_x': 0.5}
			background_color: 0,0,0,0

			on_press: root.hello_on()
			on_release: root.hello_off()

				id: my_image
				source: 'images/login.png'
				center_x: self.parent.center_x
				center_y: self.parent.center_y
				size: root.width, root.height

John Elder

John is the CEO of where he teaches over 100,000 students how to code! He founded one of the Internet's earliest advertising networks and sold it to a publicly company at the height of the first dot com boom. After that he developed the award-winning Submission-Spider search engine submission software that's been used by over 3 million individuals, businesses, and governments in over 42 countries. He's written several Amazon #1 best selling books on coding, and runs a popular Youtube coding channel.

View all posts

Add comment

Your email address will not be published. Required fields are marked *

John Elder