Kivy GridLayout 布局

Kivy GridLayout 是一种用于构建用户界面的布局类型，可以帮助我们快速创建具有固定列和行的网格布局。GridLayout 布局是可以适用于任意数量的行和列的布局，然后在这些行和列中放置 UI 元素。

Kivy 的 GridLayout 使用起来类似于 HTML 的表格，并且与 HTML 的表格相同，也可以指定单元格跨度，使单个 UI 元素跨越多个行或列。此外，GridLayout 也支持在 UI 元素之间添加空间和对齐元素。

在 Kivy 中使用 GridLayout 布局时，我们需要设置以下属性：

• cols: 网格布局的列数。
• rows: 网格布局的行数。
• size_hint_x: 每个单元格的宽度占整个 GridLayout 的宽度的比例。
• size_hint_y: 每个单元格的高度占整个 GridLayout 的高度的比例。
• padding: 每个单元格之间的像素间隔。
• spacing: 每个单元格的内部空间。

在将 UI 元素添加到 GridLayout 中时，我们需要指定其位置和跨度。位置使用 (row, col) 方式指定，例如 (0, 0) 表示第一行第一列。而跨度使用 (row_span, col_span) 方式指定，例如 (2, 1) 表示该元素跨越两行一列。

总之，Kivy 的 GridLayout 布局提供了一种方便的方式来实现多行多列的 UI 元素布局，使得我们可以更加轻松地创建适应不同屏幕尺寸的用户界面。

<GridLayoutW>:
    padding:20
    spacing:20
    cols:3
    col_force_default:True
    col_default_width:120
    row_force_default:True
    row_default_height:40
    cols_minimum:{0:130,1:140}
    rows_minimum:{0:60}
    Button:
        text:"第一个"
        size_hint_x:None
        width:"100px"

    Button:
        text:"第二个"


    Button:
        text:"第三个"

    Button:
        text:"第四个"

from kivy.app import App
from kivy.uix.gridlayout import GridLayout
from kivy.core.text import  LabelBase
LabelBase.register("Roboto","HelloKitty.TTF")


class GridLayoutW(GridLayout):
    def __init__(self):
        super(GridLayoutW, self).__init__()
        # self.join = Button(text="hello world")
        # self.add_widget(self.join)


class GridApp(App):
    def __init__(self):
        super(GridApp, self).__init__()

    def build(self):
        return GridLayoutW()

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