Kivy技术问题：如何在含ScrollView的BoxLayout中固定按钮至底部

我明白你的问题——当ScrollView里的内容高度小于视口高度时，BoxLayout默认会把按钮居中显示，而你希望它们贴在底部。这其实是Kivy布局默认行为导致的，咱们来一步步解决它。

首先得先修正你原代码里的一个基础问题：你的BSGameMain类没有调用父类的__init__方法，这会导致Kivy控件的生命周期异常，后续的布局设置可能都不会按预期工作。接下来咱们看具体的解决方案：

方案1：用占位Widget把按钮挤到底部 #

这是最直接的方法，在按钮所在的BoxLayout最后添加一个占满剩余空间的Widget，把按钮“推”到底部：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.label import Label
from kivy.uix.scrollview import ScrollView
from kivy.effects.scroll import ScrollEffect
from kivy.uix.widget import Widget
from kivy.uix.button import Button

class BSGameMain(BoxLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)  # 必须调用父类初始化，修复基础问题
        blmain = BoxLayout(orientation='vertical')
        
        scrlFBtns = ScrollView(effect_cls='ScrollEffect')
        blbtns = BoxLayout(
            orientation='vertical',
            size_hint_y=None
        )
        blbtns.bind(minimum_height=blbtns.setter('height'))
        scrlFBtns.add_widget(blbtns)
        
        # 添加按钮
        for i in range(2):
            blbtns.add_widget(Button(
                text=f'Button {i+1}',
                size_hint_y=None,
                height=40
            ))
        
        # 添加占位Widget，占满剩余垂直空间，把按钮挤到底部
        blbtns.add_widget(Widget(size_hint_y=1))
        
        lblmain = Label(text='ScrollView 底部显示按钮示例')
        blmain.add_widget(lblmain)
        blmain.add_widget(scrlFBtns)
        self.add_widget(blmain)

class BSApp(App):
    def build(self):
        return BSGameMain()

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

关键修改说明： #

• 修复了__init__方法：调用super().__init__(**kwargs)是Kivy自定义控件的必要步骤，确保控件能正确初始化。
• 添加占位Widget：这个Widget的size_hint_y=1会占据BoxLayout里除了按钮之外的所有垂直空间，强制按钮停留在底部。

方案2：用AnchorLayout包裹按钮布局 #

如果你不想用占位Widget，可以用AnchorLayout来控制按钮布局的位置，直接让它贴在ScrollView的底部：

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.label import Label
from kivy.uix.scrollview import ScrollView
from kivy.effects.scroll import ScrollEffect
from kivy.uix.widget import Widget
from kivy.uix.button import Button
from kivy.uix.anchorlayout import AnchorLayout  # 导入AnchorLayout

class BSGameMain(BoxLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        blmain = BoxLayout(orientation='vertical')
        
        scrlFBtns = ScrollView(effect_cls='ScrollEffect')
        # 创建AnchorLayout，设置锚点为底部
        anchor_layout = AnchorLayout(
            anchor_x='center',
            anchor_y='bottom',
            size_hint_y=None
        )
        anchor_layout.bind(minimum_height=anchor_layout.setter('height'))
        
        blbtns = BoxLayout(
            orientation='vertical',
            size_hint_y=None
        )
        blbtns.bind(minimum_height=blbtns.setter('height'))
        anchor_layout.add_widget(blbtns)
        scrlFBtns.add_widget(anchor_layout)
        
        # 添加按钮
        for i in range(2):
            blbtns.add_widget(Button(
                text=f'Button {i+1}',
                size_hint_y=None,
                height=40
            ))
        
        lblmain = Label(text='ScrollView 底部显示按钮示例')
        blmain.add_widget(lblmain)
        blmain.add_widget(scrlFBtns)
        self.add_widget(blmain)

class BSApp(App):
    def build(self):
        return BSGameMain()

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

关键修改说明： #

• 引入AnchorLayout，通过anchor_y='bottom'属性，直接让内部的按钮布局贴在底部位置。
• 绑定minimum_height确保AnchorLayout能适配按钮的总高度，不会出现截断。

为什么原代码会出现居中问题？ #

原代码里，当按钮的总高度小于ScrollView的视口高度时，ScrollView会自动将内容居中显示，同时BoxLayout本身在没有额外约束的情况下，也会在可用空间里居中对齐内部控件。上面的两种方案都是通过布局约束改变了这种默认行为，让按钮固定在底部。

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