如何点击窗口任意位置时移除Kivy按钮的focus状态？

这个场景我太熟悉了！Kivy的按钮默认不会在点击窗口空白区域时自动清除focus状态，所以得我们手动监听触摸事件来处理。下面给你两种实用的实现方案：

方案一：在根布局中处理触摸事件 #

这是最稳妥的方式，因为根布局的事件处理会融入Kivy的控件事件流，不会影响其他控件的正常交互：

# -*- coding: utf-8 -*-
from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button


class MainLayout(BoxLayout):
    def __init__(self, **kwargs):
        super(MainLayout, self).__init__(**kwargs)
        self.orientation = 'vertical'
        # 创建目标按钮并添加到布局
        self.my_button = Button(text="点击获取焦点", on_press=self.add)
        self.add_widget(self.my_button)
        # 模拟你设置focus的初始状态
        self.my_button.focus = True

    def add(self, instance):
        print("触发了add方法！")

    def on_touch_down(self, touch):
        # 判断触摸点是否不在按钮的范围内
        if not self.my_button.collide_point(*touch.pos):
            # 移除按钮的focus状态
            self.my_button.focus = False
        # 必须调用父类的方法，保证其他控件的触摸事件正常触发
        return super(MainLayout, self).on_touch_down(touch)


class TestApp(App):
    def build(self):
        return MainLayout()


if __name__ == '__main__':
    TestApp().run()

代码说明： #

• 在根布局的on_touch_down方法中，我们先检查触摸位置是否落在按钮之外
• 如果是空白区域的点击，就把按钮的focus属性设为False
• 一定要调用父类的on_touch_down方法，否则按钮自身的点击事件会失效

方案二：监听Window全局触摸事件 #

如果你的布局结构比较复杂，也可以直接监听整个窗口的触摸事件：

# -*- coding: utf-8 -*-
from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.button import Button
from kivy.core.window import Window


class MainLayout(BoxLayout):
    def __init__(self, **kwargs):
        super(MainLayout, self).__init__(**kwargs)
        self.orientation = 'vertical'
        self.my_button = Button(text="点击获取焦点", on_press=self.add)
        self.add_widget(self.my_button)
        self.my_button.focus = True

    def add(self, instance):
        print("触发了add方法！")


class TestApp(App):
    def build(self):
        self.main_layout = MainLayout()
        # 绑定Window的触摸事件
        Window.bind(on_touch_down=self.handle_window_touch)
        return self.main_layout

    def handle_window_touch(self, window, touch):
        # 判断触摸点不在按钮范围内时清除focus
        if not self.main_layout.my_button.collide_point(*touch.pos):
            self.main_layout.my_button.focus = False


if __name__ == '__main__':
    TestApp().run()

注意事项： #

• 这种方式是全局监听，要确保不会干扰其他控件的事件处理
• 如果你的应用有多个按钮需要处理，只需要扩展判断逻辑即可

这样修改后，点击窗口任意空白区域，按钮的focus状态就会被移除，此时按回车键就不会再触发add方法啦。

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