使用 FloatLayout 在 Kivy 中重叠文本输入

Question

使用此代码：

from kivy.app import App
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.textinput import TextInput


class Main(App):
    def build(self):
        root = FloatLayout(size=(100, 100))
        root.add_widget(TextInput(pos=(0, 0)))
        root.add_widget(TextInput(pos=(50, 50)))
        return root


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

我得到两个TextInputs，一个在另一个之上。当我单击顶部的TextInput（通过单击屏幕中间的某处）时，由于某种原因，焦点转到了较低的TextInput。事实上，我可以专注于顶部TextInput 的唯一方法是完全单击底部TextInput 之外（通过单击屏幕顶部的右侧）。为什么会发生这种情况，我该如何规避？

Answer 1

您的问题可以通过两种方式解决。Float layout 尊重其子项的 pos_hint 和 size_hint 属性。因此您需要为 textinput 设置 size_hint。

即-

from kivy.app import App
from kivy.uix.floatlayout import FloatLayout
from kivy.uix.textinput import TextInput


class Main(App):
    def build(self):
        root = FloatLayout(size=(100, 100))
        root.add_widget(TextInput(pos=(0, 0),size_hint=(0.5,0.5)))
        root.add_widget(TextInput(pos=(100, 100),size_hint=(0.5,0.5)))
        return root


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

或者使用boxlayout代替floatlayout

from kivy.app import App
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.textinput import TextInput


class Main(App):
    def build(self):
        root = BoxLayout(size=(100, 100))
        root.add_widget(TextInput(pos=(0, 0)))
        root.add_widget(TextInput(pos=(50, 50)))
        return root


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