Kivy窗口显示空白求助：学习应用构建异常排查

问题根源与修正点 #

• 未将控件添加到屏幕：MainMenu中创建了按钮但未通过self.add_widget()加入屏幕，导致控件无法渲染；FirstGrade不仅方法名拼写错误（buid应为__init__），同样未添加按钮到屏幕。
• 无效参数传递：向ScreenManager.add_widget()传入size_hint和pos_hint是错误的，Screen的布局由ScreenManager统一管理，这些参数无意义。
• 缺少屏幕切换逻辑：按钮点击后没有触发屏幕切换的代码，无法实现页面跳转。

修正后的完整代码 #

from kivy.app import App
from kivy.config import Config
from kivy.uix.button import Button
from kivy.uix.screenmanager import ScreenManager, Screen

Config.set("input","mouse","mouse,multitouch_on_demand")

class ScreenManagement(ScreenManager):
    def __init__(self, **kwargs):
        super(ScreenManagement, self).__init__(**kwargs)

class MainMenu(Screen):
    def __init__(self, **kwargs):
        super(MainMenu, self).__init__(**kwargs)
        # 创建按钮并添加到屏幕
        self.GradeOne = Button(text="First Grade", size_hint=(.45, .1), pos_hint={'x': .05, 'y': .7})
        # 绑定按钮点击事件，切换到FirstGrade屏幕
        self.GradeOne.bind(on_press=self.switch_to_first_grade)
        self.add_widget(self.GradeOne)
    
    def switch_to_first_grade(self, instance):
        self.manager.current = 'FirstGrade'

class FirstGrade(Screen):
    def __init__(self, **kwargs):
        super(FirstGrade, self).__init__(**kwargs)
        # 创建按钮并添加到屏幕
        self.math_btn = Button(text="Math", size_hint=(.45, .1), pos_hint={'x': .05, 'y': .7})
        # 添加返回主菜单的逻辑
        self.math_btn.bind(on_press=self.switch_to_main)
        self.add_widget(self.math_btn)
    
    def switch_to_main(self, instance):
        self.manager.current = 'Main Menu'

class MainBuild(App):
    def build(self):
        SM = ScreenManagement()
        # 添加屏幕时无需传入size_hint等参数
        SM.add_widget(MainMenu(name='Main Menu'))
        SM.add_widget(FirstGrade(name='FirstGrade'))
        # 设置初始显示的屏幕
        SM.current = 'Main Menu'
        return SM

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

关键修改说明 #

1. 在MainMenu和FirstGrade的__init__方法中，调用self.add_widget()将按钮添加到屏幕控件树中，确保控件能被渲染。
2. 修正FirstGrade中的方法名拼写错误，将buid改为__init__，保证初始化逻辑正常执行。
3. 移除ScreenManager.add_widget()中的无效参数，符合Kivy的API规范。
4. 为按钮绑定点击事件，通过self.manager.current切换屏幕，实现页面跳转功能。
5. 在MainBuild中设置SM.current = 'Main Menu'，明确初始显示的屏幕。

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