Kivy BoxLayout布局异常：FloatLayout位置不符合预期

期望实现：FloatLayout占据屏幕顶部80%区域，BoxLayout占据底部20%区域。实际运行后，顶部留有20%空白，FloatLayout内的按钮显示在中间偏下位置，误以为FloatLayout占据了底部80%区域；调换两个布局的添加顺序后，空白消失，但布局位置与需求完全相反（BoxLayout在上，FloatLayout在下）。

以下是原代码：

from kivy.app import App
from kivy.uix.screenmanager import Screen
from kivy.uix.button import Button
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.floatlayout import FloatLayout

class UI(Screen):
    def __init__(self, **kwargs):
        super(UI, self).__init__(**kwargs)

        layout = BoxLayout(orientation='vertical')

        float_layout = FloatLayout()
        float_layout.size_hint_y = 0.8
        float_layout.add_widget(Button(text='Float Layout'))

        box_layout = BoxLayout()
        box_layout.size_hint_y = 0.2
        box_layout.add_widget(Button(text='Box Layout'))

        
        layout.add_widget(float_layout)
        layout.add_widget(box_layout)


        self.add_widget(layout)


class VNG(App):
    def build(self):
        return UI()

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

你的外层Vertical BoxLayout布局逻辑是正确的：FloatLayout确实占据了屏幕顶部80%，BoxLayout占据底部20%。视觉上的误解来自于FloatLayout的默认特性：它的子控件默认会定位在容器的左下角（(0,0)坐标），导致按钮显示在FloatLayout的底部边缘，让你误以为整个FloatLayout在屏幕下方。

要解决这个问题，有两种常见方式：

1. 让按钮填满FloatLayout #

给FloatLayout内的Button设置size_hint=(1,1)，让它铺满整个FloatLayout容器，就能直观看到FloatLayout的实际位置：

from kivy.app import App
from kivy.uix.screenmanager import Screen
from kivy.uix.button import Button
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.floatlayout import FloatLayout

class UI(Screen):
    def __init__(self, **kwargs):
        super(UI, self).__init__(**kwargs)

        layout = BoxLayout(orientation='vertical')

        float_layout = FloatLayout()
        float_layout.size_hint_y = 0.8
        # 设置按钮占满FloatLayout
        float_layout.add_widget(Button(text='Float Layout', size_hint=(1,1)))

        box_layout = BoxLayout()
        box_layout.size_hint_y = 0.2
        box_layout.add_widget(Button(text='Box Layout'))

        layout.add_widget(float_layout)
        layout.add_widget(box_layout)

        self.add_widget(layout)

class VNG(App):
    def build(self):
        return UI()

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

2. 让按钮在FloatLayout内居中显示 #

如果想保留按钮的默认大小，只需给按钮添加pos_hint参数，让它居中显示在FloatLayout内：

float_layout.add_widget(Button(text='Float Layout', pos_hint={'center_x':0.5, 'center_y':0.5}))

这样就能清晰看到FloatLayout确实处于屏幕顶部80%的区域，符合你的需求。

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