如何扩展Kivy中Scatter组件的交互区域，解决子组件周边无法拖拽问题？

问题描述 #

使用Scatter组件添加子组件（如Button）时，Scatter的拖拽、缩放、旋转交互区域仅局限于初始窗口大小，导致子组件的左侧及下方区域无法触发交互。

解决方案一：实现无限大交互区域 #

通过自定义Scatter子类，重写collide_point方法，让Scatter对任何屏幕位置的点击都判定为有效交互区域，从而实现类似Photoshop图层的无限操作效果。

示例代码：

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.scatter import Scatter

class InfiniteScatter(Scatter):
    def collide_point(self, x, y):
        # 强制所有点击位置都属于Scatter的交互区域
        return True

class Xapp(App):
    def build(self):
        ss = InfiniteScatter()
        k = Button(text='this is a k', font_size=30, size=(200, 100))
        ss.add_widget(k)
        return ss

Xapp().run()

解决方案二：按钮与Scatter交互区域中心对齐 #

将Scatter的尺寸设置为与子组件一致，并让子组件在Scatter内居中，确保Scatter的交互区域完全覆盖子组件，解决部分区域无法拖拽的问题。

示例代码：

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.scatter import Scatter

class Xapp(App):
    def build(self):
        # 取消Scatter的size_hint限制，手动设置尺寸与按钮一致
        ss = Scatter(size_hint=(None, None), size=(200, 100))
        # 使用pos_hint让按钮在Scatter中居中
        k = Button(text='this is a k', font_size=30, size=(200, 100),
                   pos_hint={'center_x': 0.5, 'center_y': 0.5})
        ss.add_widget(k)
        return ss

Xapp().run()

如果需要让按钮初始显示在窗口中心，可以结合窗口尺寸调整Scatter的初始位置：

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.scatter import Scatter
from kivy.core.window import Window

class Xapp(App):
    def build(self):
        ss = Scatter(size_hint=(None, None), size=(200, 100))
        k = Button(text='this is a k', font_size=30, size=(200, 100),
                   pos_hint={'center_x': 0.5, 'center_y': 0.5})
        # 让Scatter初始居中于窗口
        ss.pos = (Window.width/2 - ss.width/2, Window.height/2 - ss.height/2)
        ss.add_widget(k)
        return ss

Xapp().run()

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