StackLayout in Kivy

Creating a StackLayout

Listed below are some steps to create StackLayout:

1. Import libraries and modules named Kivy, Kivy App, Button, StackLayout
2. Then set the minimum version of Kivy. It's a purely optional step.  
3. After that, create an App class. And under this class, we will make a function that contains orientation, buttons, and widgets command.
4. Return the widgets in StackLayout.
5. At last, run an instance of the class.

These are the basic steps. Now it's time to implement them. 

Code:

# Importing kivy module
import kivy

# Setting up the version 
kivy.require("1.9.1")

# Importing kivy App
from kivy.app import App

# Importing stacklayout
from kivy.uix.stacklayout import StackLayout

# Importing Button
from kivy.uix.button import Button

# Creating an app class
class StackLayoutApp(App):
def build(self):
SLayout = StackLayout(orientation ='lr-tb')

# Creating Multiple Buttons
buttton1 = Button(text ="Buttton1",font_size = 20,size_hint =(.2, .1))
buttton2 = Button(text ="Buttton2",font_size = 20,size_hint =(.2, .1))
buttton3 = Button(text ="Buttton3",font_size = 20,size_hint =(.2, .1))
buttton4 = Button(text ="Buttton4",font_size = 20,size_hint =(.2, .1))
buttton5 = Button(text ="Buttton5",font_size = 20,size_hint =(.2, .1))
buttton6 = Button(text ="Buttton6",font_size = 20,size_hint =(.2, .1))
buttton7 = Button(text ="Buttton7",font_size = 20,size_hint =(.2, .1))
buttton8 = Button(text ="Buttton8",font_size = 20,size_hint =(.2, .1))
buttton9 = Button(text ="Buttton9",font_size = 20,size_hint =(.2, .1))
buttton10 = Button(text ="Buttton10",font_size = 20,size_hint =(.2, .1))

# Adding widgets
SLayout.add_widget(buttton1)
SLayout.add_widget(buttton2)
SLayout.add_widget(buttton3)
SLayout.add_widget(buttton4)
SLayout.add_widget(buttton5)
SLayout.add_widget(buttton6)
SLayout.add_widget(buttton7)
SLayout.add_widget(buttton8)
SLayout.add_widget(buttton9)
SLayout.add_widget(buttton10)

# SLayout returning widgets
return SLayout
if __name__ == '__main__':
StackLayoutApp().run()

You can also try this code with Online Python Compiler

Run Code

Output:

The output above shows 'lr-tb' orientation as we gave the parameter in "StackLayout(orientation =' lr-tb')". We can also change the orientation row-wise and column-wise accordingly. For row-wise we can use these parameters -‘rl-bt’ , ‘rl-tb’ , ‘lr-bt’ , ‘lr-tb’ and for column-wise we can use given parameters- ‘bt-rl’ , ‘bt-lr’ , ‘tb-rl’ , ‘tb-lr’.

Below is the output for all orientations.

Row-wise orientation methods-

Change the orientation in following code

Slayout = StackLayout(orientation = ‘lr-tb’)

You can also try this code with Online Python Compiler

Run Code

Outputs:

Slayout = StackLayout(orientation = ‘lr-bt’)

You can also try this code with Online Python Compiler

Run Code

Output:

Slayout = StackLayout(orientation = ‘rl-tb’)

You can also try this code with Online Python Compiler

Run Code

Output:

Slayout = StackLayout(orientation = ‘rl-bt’)

You can also try this code with Online Python Compiler

Run Code

Output:

Column-wise orientation method-

Slayout = StackLayout(orientation = ‘tb-lr’)

You can also try this code with Online Python Compiler

Run Code

Output:

Slayout = StackLayout(orientation = ‘tb-rl’)

You can also try this code with Online Python Compiler

Run Code

Output:

Slayout = StackLayout(orientation = ‘bt-lr’)

You can also try this code with Online Python Compiler

Run Code

Output:

Slayout = StackLayout(orientation = ‘bt-rl’)

You can also try this code with Online Python Compiler

Run Code

Output:

Let us see some FAQs related to the topic.

Frequently Asked Questions

What is StackLayout?

StackLayout is a module that arranges widgets horizontally or vertically.

What is Kivy?

Kivy is an open-source library that is used for building multi-touched applications.

List some row-wise orientations.

Row-wise orientation are: ‘rl-bt’ , ‘rl-tb’ , ‘lr-bt’ , ‘lr-tb’.

Does Kivy support Linux?

Kivy is a cross-platform which supports Linux, OSX, Windows, Android, and iOS.

How can we import StackLayout?

By using the following command: from kivy.uix.stacklayout import StackLayout

Conclusion

In this article, we have extensively discussed StackLayout. At first, we have seen some brief explanations about StackLayout. Then we have seen the approach to creating a StackLayout. And at last, program to create a StackLayout.

After reading about StackLayout in Kivy, are you not feeling excited to read/explore more articles on the topic of KIVY? Don't worry; Coding Ninjas has you covered. To learn, see the Introduction to Kivy, The drop-down List In Kivy, Widgets in Kivy, and Kivy Float Layout in Python.

Refer to our Guided Path on Coding Ninjas Studio to upskill yourself in Data Structures 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!