如何在Kivy垂直BoxLayout中顶部定位按钮并设置间距？

核心问题原因 #

按钮堆在垂直布局底部的本质原因是：左侧垂直BoxLayout被父布局强制拉伸至满高，而按钮自身高度不足，剩余空间被分配到按钮上方，视觉上呈现按钮贴底的效果。

解决代码示例 #

通过调整布局属性即可实现按钮居顶且带间距的效果，以下是完整可运行的示例代码：

from kivy.app import App
from kivy.uix.accordion import Accordion, AccordionItem
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.uix.textinput import TextInput

class AccordionDemo(App):
    def build(self):
        root = Accordion()
        
        # 创建单个Accordion条目
        item = AccordionItem(title="示例条目")
        # 主水平布局，控制左右区域分隔
        main_box = BoxLayout(orientation="horizontal", spacing=10, padding=10)
        
        # 左侧按钮容器：垂直布局，高度自适应内容
        btn_container = BoxLayout(
            orientation="vertical",
            spacing=8,  # 按钮间的垂直间距
            size_hint_y=None,  # 取消垂直方向的自动拉伸
            height=self.minimum_height  # 高度自适应内部控件总高度
        )
        # 添加按钮，固定按钮高度避免拉伸
        btn_container.add_widget(Button(text="编辑", size_hint_y=None, height=40))
        btn_container.add_widget(Button(text="删除", size_hint_y=None, height=40))
        
        # 右侧输入框区域
        input_container = BoxLayout(orientation="vertical", spacing=8)
        input_container.add_widget(TextInput(hint_text="输入字段1"))
        input_container.add_widget(TextInput(hint_text="输入字段2"))
        
        main_box.add_widget(btn_container)
        main_box.add_widget(input_container)
        item.add_widget(main_box)
        root.add_widget(item)
        
        return root

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

关键调整点 #

• 按钮容器高度自适应：给左侧垂直BoxLayout设置size_hint_y=None和height=self.minimum_height，让容器高度仅包裹内部按钮，不会被父布局强制拉满整个垂直空间。
• 按钮固定高度：给每个按钮设置size_hint_y=None和固定height，确保按钮尺寸一致，避免被布局拉伸变形。
• 间距控制：通过BoxLayout的spacing属性设置按钮之间的垂直间距，padding属性给主布局添加内边距，提升视觉舒适度。

备选方案（AnchorLayout实现） #

如果坚持使用AnchorLayout，只需确保AnchorLayout自身高度自适应内容，同时设置anchor_y="top"：

# 替换左侧按钮容器的代码
from kivy.uix.anchorlayout import AnchorLayout

btn_anchor = AnchorLayout(
    anchor_y="top",
    size_hint_y=None,
    height=self.minimum_height
)
btn_container = BoxLayout(orientation="vertical", spacing=8, size_hint_y=None, height=self.minimum_height)
btn_container.add_widget(Button(text="编辑", size_hint_y=None, height=40))
btn_container.add_widget(Button(text="删除", size_hint_y=None, height=40))
btn_anchor.add_widget(btn_container)

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