Kivy中StackLayout堆叠FloatLayout时按钮重叠问题求助

核心疑问解答 #

按钮的pos属性使用的是父部件（BreaksPanel）的局部坐标，并非窗口全局坐标，你的怀疑不成立。

重叠原因分析 #

你遇到的按钮重叠问题，本质是StackLayout排列逻辑与BreaksPanel超大宽度共同导致的视觉误解或部件挤压：

• 你将BreaksPanel的宽度设为5000，远大于常规窗口宽度，导致每个BreaksPanel的大部分区域超出窗口可视范围，按钮仅出现在窗口左侧的固定位置。
• StackLayout采用tb-lr（从上到下、从左到右）方向排列时，若窗口高度小于10个BreaksPanel的总高度（360），后续的BreaksPanel会被挤到窗口可视区域外，你只能看到最上方的一个或几个按钮，误以为所有按钮重叠。
• 实际上pos=(0,0)与pos_hint={"x":0, "y":0}的定位逻辑完全一致，你觉得pos_hint正常，可能是窗口高度刚好足够容纳所有部件，或者视觉上未注意到垂直分布的按钮。

解决方法 #

1. 调整BreaksPanel宽度：将self.width = 5000改为合理值（比如self.width = 100），可直观看到按钮垂直排列的效果，验证它们并未重叠。
2. 动态设置按钮水平偏移：若需保留BreaksPanel的大宽度，可给每个按钮添加不同的水平偏移，避免视觉上的集中：

   # 修改BreaksPanel接收索引参数，动态计算按钮pos
   class BreaksPanel(FloatLayout):
       def __init__(self, idx, **kwargs):
           super().__init__(**kwargs)
           self.size_hint = None, None
           self.width = 5000 
           self.height = 36 
           # 给每个按钮添加水平偏移
           btn = Button(text=f'Button {idx}', size_hint=(None, None), size=(75, 36), pos=(idx*80, 0))
           self.add_widget(btn)
   
   # 在BreaksWindow中传递索引
   for i in range(10):
       B = BreaksPanel(idx=i)
       self.add_widget(B)
   

3. 确保布局高度充足：调整窗口高度，或给StackLayout添加spacing参数，避免部件因空间不足被挤压到同一位置。

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