Kivy嵌套FloatLayout仅覆盖部分窗口及拖拽标签定位异常问题

问题根因&解决方案 #

1. 为什么ScrollView滚动条出现在屏幕右侧，Label初始位置在滚动条下方 #

你的ScrollView配置存在参数冲突：同时设置了size_hint: 0.2, None和size: win.Window.width, win.Window.height，在Kivy中强制指定size的优先级高于size_hint，所以ScrollView实际宽度是整个窗口宽度，滚动条自然出现在屏幕最右侧，和你右侧的play_area重叠。
修复方式：修改ScrollView配置，删除冲突的size设置，让size_hint生效：

ScrollView:
    id: scroll
    size_hint: 0.2, 1 # 占左侧20%宽度，100%窗口高度
    # 删除原来的 size: win.Window.width, win.Window.height 行

2. 为什么嵌套FloatLayout看起来覆盖全屏 #

你的play_area配置本身是正确的，实际并没有覆盖全屏，你可以给它加半透明背景测试：

FloatLayout:
    id: play_area
    size_hint: 0.8, 1
    pos_hint: {"x":0.2, "top":1}
    # 加背景测试，会看到仅右侧80%区域有颜色
    canvas.before:
        Color:
            rgba: 0.2, 0.2, 0.2, 0.3
        Rectangle:
            pos: self.pos
            size: self.size

误以为它覆盖全屏的核心原因是FloatLayout默认不裁剪超出边界的子组件，所以Label拖出play_area范围后依然可见，和ScrollView自动裁剪子组件的行为不一样。
修复方式：给play_area开启子组件裁剪，实现和ScrollView一样的「拖出边界就消失」效果：

FloatLayout:
    id: play_area
    size_hint: 0.8, 1
    pos_hint: {"x":0.2, "top":1}
    clip_children: True # 新增这行，开启裁剪

3. 为什么Label初始位置异常、可以拖出右侧区域 #

• 初始位置异常：FloatLayout添加未指定位置的子组件时，默认放在父布局的左下角（pos=(0,0)），所以刚生成的Label会出现在play_area左下角，刚好和全屏的ScrollView滚动条重叠，看起来像在滚动条下方。
• 可拖出区域：DragBehavior默认没有限制拖拽边界，所以可以自由拖动到任何位置。
  修复方式1：指定Label初始位置
  修改add_draggable方法，给Label设置初始居中位置：

def add_draggable(self, words):
    lab = DragLabel(text = words)
    lab.pos_hint = {"center_x": 0.5, "center_y": 0.5} # 初始在右侧区域中心
    self.play_area.add_widget(lab)

修复方式2：限制拖拽边界
修改DragLabel定义，限制拖拽范围仅在父布局内部：

class DragLabel(DragBehavior, Label):
    def on_touch_move(self, touch):
        if self.collide_point(*touch.pos):
            super().on_touch_move(touch)
            # 限制x坐标不超出父布局
            self.x = max(self.parent.x, min(self.x, self.parent.right - self.width))
            # 限制y坐标不超出父布局
            self.y = max(self.parent.y, min(self.y, self.parent.top - self.height))
            return True
        return super().on_touch_move(touch)

冗余优化（可选） #

你在<MyBox>内部额外套了一层id为screen的FloatLayout，这层布局没有任何自定义配置，默认占满整个父布局，属于冗余代码，可以直接删掉，把ScrollView和play_area直接作为<MyBox>的子组件即可，不影响功能。

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