如何在Kivy中让8×8的GridLayout居中并保持按钮为正方形

不用手动计算坐标实现居中，直接用Kivy自带布局组件自动处理，能彻底避免手动计算带来的坐标异常问题：

方案1：用AnchorLayout包裹（推荐） #

AnchorLayout可直接将子组件居中对齐，无需手动计算位置，是最简洁的实现方式。

修改kv文件示例 #

AnchorLayout:
    anchor_x: 'center'
    anchor_y: 'center'
    GridLayout:
        id: chess_grid
        cols: 8
        size_hint: None, None
        # 绑定尺寸为8个按钮的总大小，确保正方形布局
        size: (self.minimum_width, self.minimum_width)

对应Python代码调整 #

确保按钮尺寸计算后更新GridLayout的最小尺寸，同时监听窗口 resize 事件：

from kivy.core.window import Window

def spot_init(self):
    # 计算单个按钮的最大正方形尺寸（以窗口短边为基准）
    max_btn_size = min(Window.width, Window.height) // 8
    for btn in self.chess_grid.children:
        btn.size_hint = (None, None)
        btn.size = (max_btn_size, max_btn_size)
    # 强制刷新布局
    self.chess_grid.canvas.ask_update()

# 绑定窗口缩放事件，实时更新按钮尺寸
Window.bind(on_resize=self.spot_init)

方案2：用BoxLayout配合自动padding #

如果需要额外留白，可通过BoxLayout的padding自动计算居中：

BoxLayout:
    orientation: 'vertical'
    # 垂直方向自动计算上下padding
    padding: 0, (root.height - chess_grid.width)/2, 0, (root.height - chess_grid.width)/2
    BoxLayout:
        orientation: 'horizontal'
        # 水平方向自动计算左右padding
        padding: (root.width - chess_grid.width)/2, 0, (root.width - chess_grid.width)/2, 0
        GridLayout:
            id: chess_grid
            cols: 8
            size_hint: None, None
            size: (self.minimum_width, self.minimum_width)

手动计算Y坐标异常的原因 #

Kivy坐标系统以屏幕左下角为原点，而非你可能默认的顶部原点；再加上size_hint、pos_hint属性会干扰布局的实际位置计算，手动计算时很容易忽略这些因素，导致出现倍数偏差的诡异问题。

内容的提问来源于stack exchange，提问作者Zezo