Learning Python Kivy #2 – Displaying widgets (BoxLayout, GridLayout, AnchorLayout)

В этом учебном пособии мы продолжим изучать Python Kivy, фреймворк для создания кроссплатформенных мобильных приложений с использованием языка программирования Python. На этот раз мы рассмотрим различные способы вывода виджетов на экран с помощью различных Layout-классов: BoxLayout, GridLayout и AnchorLayout.

BoxLayout – это простой способ организации виджетов в горизонтальную или вертикальную линию. Для создания BoxLayout вам нужно импортировать класс BoxLayout из модуля kivy.uix.boxlayout и добавить виджеты в него с помощью метода add_widget(). Например, давайте создадим простое горизонтальное расположение виджетов:

from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button

layout = BoxLayout(orientation='horizontal')
button1 = Button(text='Button 1')
button2 = Button(text='Button 2')

layout.add_widget(button1)
layout.add_widget(button2)

GridLayout – это более сложный способ организации виджетов в сетку с указанным количеством строк и столбцов. Для создания GridLayout вам нужно импортировать класс GridLayout из модуля kivy.uix.gridlayout и добавить виджеты в него с помощью метода add_widget(). Например, давайте создадим простую таблицу из трех строк и двух столбцов:

from kivy.uix.gridlayout import GridLayout

layout = GridLayout(cols=2, rows=3)
for i in range(1, 7):
    button = Button(text=f'Button {i}')
    layout.add_widget(button)

AnchorLayout – это способ выравнивания виджета по центру, верхнему, нижнему, левому или правому краю родительского виджета. Для создания AnchorLayout вам нужно импортировать класс AnchorLayout из модуля kivy.uix.anchorlayout и добавить виджет в него с помощью метода add_widget(). Например, давайте создадим виджет, выравненный по центру:

from kivy.uix.anchorlayout import AnchorLayout

layout = AnchorLayout()
button = Button(text='Centered Button')
layout.add_widget(button)

Теперь давайте объединим все три Layout-класса в единое приложение, чтобы продемонстрировать различные способы организации виджетов на экране:

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.gridlayout import GridLayout
from kivy.uix.anchorlayout import AnchorLayout

class MyLayout(BoxLayout):
    def __init__(self, **kwargs):
        super(MyLayout, self).__init__(**kwargs)

        box_layout = BoxLayout(orientation='vertical')

        grid_layout = GridLayout(cols=2, rows=3)
        for i in range(1, 7):
            button = Button(text=f'Button {i}')
            grid_layout.add_widget(button)

        anchor_layout = AnchorLayout()
        button = Button(text='Centered Button')
        anchor_layout.add_widget(button)

        box_layout.add_widget(grid_layout)
        box_layout.add_widget(anchor_layout)

        self.add_widget(box_layout)

class MyApp(App):
    def build(self):
        return MyLayout()

if __name__ == '__main__':
    MyApp().run()

Этот пример создает приложение с горизонтальным BoxLayout в основе, содержащим GridLayout (таблицу из шести кнопок) и AnchorLayout (кнопку, выравненную по центру). Загрузите приложение на свое устройство с помощью buildozer и убедитесь, что виджеты корректно расположены на экране.

Это был обзор различных Layout-классов в Python Kivy для вывода виджетов на экран. Используйте их с умом, чтобы создавать красивые и удобные пользовательские интерфейсы для ваших мобильных приложений.