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:20spacing:20cols:3col_force_default:Truecol_default_width:120row_force_default:Truerow_default_height:40cols_minimum:{0:130,1:140}rows_minimum:{0:60}Button:text:"第一个"size_hint_x:Nonewidth:"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()