Kivy中如何设置AnchorLayout高度等于其子GridLayout的高度？

这个问题我之前也碰到过，核心原因是Kivy的布局尺寸计算时机和AnchorLayout默认的size_hint行为在搞鬼。直接在初始化时设置height: self.children[0].height没用，是因为此时子GridLayout的实际高度还没计算出来，而且AnchorLayout默认的size_hint_y: 1会强制它占满父布局的垂直空间，覆盖你手动设置的height值。

下面给你两种可行的解决方式，选你习惯的写法就行：

方法一：用KV语言（推荐，更直观） #

KV语言的绑定会自动处理尺寸更新的时机，不需要手动写绑定逻辑：

StackLayout:
    # 这里可以根据需求设置StackLayout的属性，比如padding、spacing等
    AnchorLayout:
        # 关键：取消垂直方向的size_hint，让height可以手动控制
        size_hint_y: None
        # 绑定AnchorLayout的高度到子GridLayout的高度
        height: grid_layout.height
        # 设置水平居中
        anchor_x: 'center'
        
        GridLayout:
            id: grid_layout
            # 你的GridLayout需要固定尺寸，所以关闭size_hint
            size_hint: None, None
            # 让GridLayout自适应内容大小
            size: self.minimum_size
            cols: 2  # 示例列数，根据你的需求调整
            
            # 示例子控件，替换成你的内容
            Button:
                text: "Item 1"
                size_hint: None, None
                size: 120, 60
            Button:
                text: "Item 2"
                size_hint: None, None
                size: 120, 60
            Button:
                text: "Item 3"
                size_hint: None, None
                size: 120, 60

方法二：纯Python代码 #

如果要用Python代码实现，需要手动绑定GridLayout的height变化事件，实时更新AnchorLayout的高度：

from kivy.app import App
from kivy.uix.stacklayout import StackLayout
from kivy.uix.anchorlayout import AnchorLayout
from kivy.uix.gridlayout import GridLayout
from kivy.uix.button import Button

class CustomGrid(GridLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        # 固定GridLayout的尺寸行为
        self.size_hint = (None, None)
        self.size = self.minimum_size
        self.cols = 2
        
        # 添加示例子控件
        self.add_widget(Button(text="Item 1", size_hint=(None, None), size=(120, 60)))
        self.add_widget(Button(text="Item 2", size_hint=(None, None), size=(120, 60)))
        self.add_widget(Button(text="Item 3", size_hint=(None, None), size=(120, 60)))

class MainStack(StackLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        
        grid = CustomGrid()
        anchor = AnchorLayout(anchor_x="center")
        # 关键1：取消垂直size_hint
        anchor.size_hint_y = None
        # 关键2：绑定Grid的height变化到Anchor的height
        grid.bind(height=lambda _, new_height: setattr(anchor, "height", new_height))
        
        anchor.add_widget(grid)
        self.add_widget(anchor)

class TestApp(App):
    def build(self):
        return MainStack()

if __name__ == "__main__":
    TestApp().run()

核心要点总结 #

• 必须给AnchorLayout设置size_hint_y: None，否则它会强制占满父布局的垂直空间，忽略手动设置的height。
• 不要在初始化时直接赋值height，而是用**绑定（bind）**的方式，这样当GridLayout的内容变化导致高度改变时，AnchorLayout的高度会自动更新。
• GridLayout本身要设置size_hint: None, None和size: self.minimum_size，确保它只适配内容大小，不自动伸缩。

内容的提问来源于stack exchange，提问作者Echo says Reinstate Monica