Kivy项目ScreenManager遇NoneType TypeError及界面空白问题求助

一、'NoneType' object is not subscriptable错误原因及修复 #

该错误由kv文件语法缩进错误触发，Kivy对kv语言的缩进规则要求严格，以下是具体问题及修正：

1. Label组件text属性缩进错误
   多个Label的text属性未缩进，比如：

   Label:
   text: "Are You Safe? [A project by students of Temasek Polytechnic.]"
   

   正确写法需将text缩进一级：

   Label:
       text: "Are You Safe? [A project by students of Temasek Polytechnic.]"
   

   同样的错误出现在<SecondScreen>、<ThirdScreen>的Label中，全部需要修正缩进。

2. Screen类名不匹配
   Python代码中定义的主界面类是MainMenu，但kv文件中统一用了LogInMenu，两者名称必须完全一致，将kv文件内所有LogInMenu替换为MainMenu。

3. kv文件根组件定义冲突
   kv文件第一行的LogInMenu:与后续<WindowManager>中包含的Screen定义冲突，直接删除该行。

二、界面空白问题的修复 #

移除Builder.load_file后界面空白，核心原因是Screen内容加载逻辑错误及ScreenManager重复创建：

1. Screen类无需自定义build方法
   Kivy的Screen类不会自动调用自定义的build方法，你原本在MainMenu中写的build逻辑无法生效，导致界面空白。将MainMenu的布局逻辑移至kv文件，Python类仅保留业务方法：

   class MainMenu(Screen):
       def callback(self, instance):
           self.ids.greeting.text = "Hello " + self.ids.user.text + "!"
   

   对应kv文件补充MainMenu布局：

   <MainMenu>:
       GridLayout:
           cols: 1
           size_hint: (0.6, 0.7)
           pos_hint: {"center_x": 0.5, "center_y": 0.5}
           Image:
               source: "Are You Safe.jpeg"
           Label:
               id: greeting
               text: "What's your name?"
               font_size: 18
               color: '#00FFCE'
           TextInput:
               id: user
               multiline: False
               padding_y: (20, 20)
               size_hint: (1, 0.5)
           Button:
               text: "NEXT"
               size_hint: (1, 0.5)
               bold: True
               background_color: '#00FFCE'
               background_normal: ""
               on_press: root.callback(self)
   

2. 避免重复创建ScreenManager
   MyMainApp的build方法中，既通过kv文件加载了包含所有Screen的WindowManager，又手动创建ScreenManager并添加组件，导致逻辑冲突。只需返回WindowManager()即可：

   class MyMainApp(App):
       def build(self):
           Builder.load_file('Test Integration.kv')
           return WindowManager()
   

三、其他细节修正 #

1. SlideTransition方向设置错误
   kv文件中root.manager.transition = "right"写法错误，需修改为设置transition的方向属性：

   on_press:
       root.manager.current = "FirstScreen"
       root.manager.transition.direction = "right"
   

   同时在kv的WindowManager定义中统一设置过渡效果：

   <WindowManager>:
       transition: SlideTransition(direction="right")
       MainMenu:
       FirstScreen:
       SecondScreen:
       ThirdScreen:
   

2. ThirdScreen按钮缩进错误
   <ThirdScreen>中按钮的属性未正确缩进，修正后：

   Button:
       text: "Survey on feedback."
       on_release:
           import webbrowser
           webbrowser.open('https://forms.gle/k6cfYEU1snzpykxY9')
   

3. FirstScreen布局嵌套混乱
   <FirstScreen>中同时存在GridLayout和BoxLayout作为直接子组件，导致布局重叠，将所有内容放入一个BoxLayout内：

   <FirstScreen>:
       BoxLayout:
           orientation: "vertical"
           size: root.width, root.height
           Label:
               text: "A Mandatory Safety Checklist."
           Label:
               text: "Checklist: Do you have all the necessary safety equipment?"
               font_size: 24
           # 后续GridLayout、Label、Button等组件全部嵌套在此BoxLayout内
   

四、完整修正后的代码片段 #

Python代码（Test Integration.py） #

from kivy.app import App
from kivy.lang import Builder
from kivy.uix.screenmanager import ScreenManager, Screen, SlideTransition

class MainMenu(Screen):
    def callback(self, instance):
        self.ids.greeting.text = "Hello " + self.ids.user.text + "!"

class FirstScreen(Screen):
    def checkbox_click(self, instance, value, safety):
        if value:
            self.ids.output_label.text = f'Well done.'
        else:
            self.ids.output_label.text = "You are recommended to acquire or purchase the missing safety equipment."

class SecondScreen(Screen):
    pass

class ThirdScreen(Screen):
    pass

class WindowManager(ScreenManager):
    pass

class MyMainApp(App):
    def build(self):
        Builder.load_file('Test Integration.kv')
        return WindowManager()

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

kv文件（Test Integration.kv） #

<WindowManager>:
    transition: SlideTransition(direction="right")
    MainMenu:
    FirstScreen:
    SecondScreen:
    ThirdScreen:

<MainMenu>:
    GridLayout:
        cols: 1
        size_hint: (0.6, 0.7)
        pos_hint: {"center_x": 0.5, "center_y": 0.5}
        Image:
            source: "Are You Safe.jpeg"
        Label:
            id: greeting
            text: "What's your name?"
            font_size: 18
            color: '#00FFCE'
        TextInput:
            id: user
            multiline: False
            padding_y: (20, 20)
            size_hint: (1, 0.5)
        Button:
            text: "NEXT"
            size_hint: (1, 0.5)
            bold: True
            background_color: '#00FFCE'
            background_normal: ""
            on_press: root.callback(self)

<FirstScreen>:
    BoxLayout:
        orientation: "vertical"
        size: root.width, root.height
        Label:
            text: "A Mandatory Safety Checklist."
        Label:
            text: "Checklist: Do you have all the necessary safety equipment?"
            font_size: 24
        GridLayout:
            cols:2
            Label:
                text: "Do you have your safety gloves with you?"
                font_size:16
            CheckBox:
                on_active: root.checkbox_click(self, self.active, "Do you have your safety gloves with you?")
            Label:
                text: "Do you have your safety boots with you?"
                font_size:16
            CheckBox:
                on_active: root.checkbox_click(self, self.active, "Do you have your safety boots with you?")
            Label:
                text: "Do you have your safety goggles with you?"
                font_size:16
            CheckBox:
                on_active: root.checkbox_click(self, self.active, "Do you have your safety goggles with you?")
            Label:
                text: "Do you have your helmet with you?"
                font_size:16
            CheckBox:
                on_active: root.checkbox_click(self, self.active, "Do you have your helmet with you?")
        Label:
            id: output_label
            text: "You are recommended to acquire or purchase the missing safety equipment."
        Button:
            text: "Return to Main Menu."
            on_press:
                root.manager.current = "MainMenu"
                root.manager.transition.direction = "left"

<SecondScreen>:
    GridLayout:
        cols: 1
        Label:
            text: "QR Code Scanner."
        Button:
            text: "Return to Main Menu."
            on_press:
                root.manager.current = "MainMenu"
                root.manager.transition.direction = "left"

<ThirdScreen>:
    GridLayout:
        cols: 1
        Label:
            text: "A Link to Our Survey."
        Button:
            text: "Survey on feedback."
            on_release:
                import webbrowser
                webbrowser.open('https://forms.gle/k6cfYEU1snzpykxY9')
        Button:
            text: "Return to Main Menu."
            on_press:
                root.manager.current = "MainMenu"
                root.manager.transition.direction = "left"

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