GridLayout 在 .kv 文件中无法正常工作

Question

我是 Kivy 的新手。我在 kivy docs 上关注了一个示例，在那里我遇到了以下代码。 b但它不能正常工作。

first.py

from kivy.app import App
from kivy.uix.gridlayout import GridLayout

class LoginScreen(GridLayout):
    pass

class MyApp(App):
    def build(self):
        return LoginScreen()

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

我的.kv

#:kivy 2.0
<LoginScreen>:
    f_username: username
    f_password: password
    GridLayout:
        rows: 2
        cols: 2
        padding: 10
        spacing: 10
        Label:
            text: "Username"
        TextInput:
            id: username
            multiline: False
        Label:
            text: "Password"
        TextInput:
            id: password
            password: True
            multiline: False

如果我从 kivy 和 python 文件中删除 LoginScreen 类，此代码可以正常工作。喜欢

class MyApp(App):
    def build(self):
        return

和

#:kivy 2.0
    f_username: username
    f_password: password
    GridLayout:
        rows: 2
        
...

谁能帮我弄清楚发生了什么？

Answer 1

class LoginScreen(GridLayout):
    pass

这意味着当您使用 LoginScreen 类创建实例时，该实例变为 GridLayout。

# GridLayout
<LoginScreen>:
    f_username: username
    f_password: password

    # Another GridLayout!
    GridLayout:
        ...

LoginScreen 已经基于 GridLayout，但您正尝试向该类添加另一个 gridlayout。在这种情况下，行和列没有定义在最外面的网格布局上。

#:kivy 2.0

<LoginScreen>:
    f_username: username
    f_password: password

    rows: 2
    cols: 2
    padding: 10
    spacing: 10
    Label:
        text: "Username"
    TextInput:
        id: username
        multiline: False
    Label:
        text: "Password"
    TextInput:
        id: password
        password: True
        multiline: False

删除重复的布局将解决问题。