Grid Layout

Example

In the following example, all the widgets will be the same or equal size. The size is (1, 1) by default so that the child will take the total length of the parent. We have to make the main.py python file for python code and run it using the command "python main.py" in the command prompt, and after that, we will run another file, my.kv file. 

We will write the following code in main.py

# Importing  the kivy module
import kivy

# Base Class of our App must inherit from the App class.
from kivy.app import App

#importing GridLayout
from kivy.uix.gridlayout import GridLayout
# Given class stores the info of .kv file when it is called goes to my.kv file
class Main(GridLayout):
	pass
	
# Definies the Base Class of our Kivy App
class Myapp(App):
	def build(self):
		# return a Main() as a root widget
		return Main()
		
if __name__ == '__main__':
	# Here the class MyApp is initialized
	# and its run() method called.
	MyApp().run()

You can also try this code with Online Python Compiler

Run Code

my.kv

# my.kv file code here
<Main>:
    cols: 2 
    rows: 2
    Button:       
         text: 'Box1'
    Button:
        text: 'Box2'
    Button:
        text: 'Box3'
    Button:       
        text: 'Box4'

You can also try this code with Online Python Compiler

Run Code

Output

Now let’s fix the buttons size to 100px instead of the default size_hint_x = 1.

# Just do change in the above my.kv
<MainWidget>:

cols: 2
rows: 2

Button:
text: 'Box1'
size_hint_x: None
width: 100
Button:
text: 'Box2'
Button:
text: 'Box3'
size_hint_x: None
width: 100
Button:
text: 'Box4'

You can also try this code with Online Python Compiler

Run Code

Output

Frequently asked Questions

What is Kivy?

Kivy is an open-source, cross-platform Python framework for developing applications that use innovative, multi-touch user interfaces. 

What is a canvas in KIVY?

The Canvas in Kivy is the root object used for drawing by a widget. It is not the place where we paint. Every Widget in kivy already has a canvas when we create a widget and make all the instructions needed for drawing.

What is a widget in KIVY?

A Widget in Kivy is the base building block of GUI interfaces in Kivy. It gives a canvas that can be used to draw on the screen. It receives events and reacts to them.

What is the relative layout in KIVY?

This relative layout allows us to set relative coordinates for the children. If we want absolute positioning, we should use the FloatLayout. The RelativeLayout class works like the regular FloatLayout, except its child widgets are positioned relative to the layout.

Which class is used for defining layout in KIVY?

PageLayout is used to define and create simple multi-page layouts that allow easy flipping from one page to another using a border.

Conclusion

In this article, we have extensively discussed the Grid Layout in Kivy. This article outlines how to place widgets inside a grid layout. And at the end of the blog, we have seen some examples to understand Grid Layout better. 

After reading about the Grid Layout in Kivy, are you not feeling excited to read/explore more articles on the topics of kivy? Don’t worry, Coding ninjas has you covered. To learn more on such topics, you can visit StackLayout in Kivy using .kv file, FloatLayout in Kivy using .kv file, BoxLayout Widget in Kivy, The drop-down List In Kivy, and Background template in Kivy!

Refer to our guided path on Coding Ninjas Studio to upskill yourself in Data structure and algorithms, Competitive Programming, Javascript, System Design, and many more if you want to test your competency in coding, you may check out the mock test series and participate in the contests hosted on Coding Ninjas Studio But if you have just started your learning process and are looking for questions asked by tech giants like Amazon, Microsoft, Uber, etc. you must look at the problems, interview experiences, and interview bundle for placement preparations.

Nevertheless, you may consider our paid courses to give your career an edge over others.

Do upvote our blogs if you find them helpful and engaging!

Happy Learning!