KivyMD堆叠类属性名无效错误修复及功能实现求助

错误原因与修复说明 #

「Invalid property name」错误通常源于KV语言中使用了组件未定义的属性，或是自定义类未声明对应属性就进行绑定。以下代码修复了这类问题，同时完成了你需要的两个功能。

完整可运行代码 #

from kivy.lang import Builder
from kivymd.app import MDApp
from kivymd.uix.screenmanager import MDScreenManager
from kivymd.uix.screen import MDScreen
from kivymd.uix.navigationdrawer import MDNavigationDrawer
from kivymd.uix.list import OneLineListItem
from kivymd.uix.boxlayout import MDBoxLayout
from kivymd.uix.toolbar import MDTopAppBar

KV = '''
<LoginScreen>:
    MDBoxLayout:
        orientation: 'vertical'
        padding: 20
        spacing: 20
        
        MDLabel:
            text: "健康检查App"
            halign: 'center'
            font_size: 30
        
        MDRaisedButton:
            text: "Login as guest"
            pos_hint: {'center_x': 0.5}
            on_press: root.manager.current = 'main'

<MainScreen>:
    MDBoxLayout:
        orientation: 'vertical'
        
        MDTopAppBar:
            title: "健康检查"
            left_action_items: [["menu", lambda x: root.open_drawer()]]
        
        MDBoxLayout:
            padding: 20
            spacing: 20
            
            # 替换此处为你的健康检查功能组件
            MDLabel:
                text: "健康检查功能区域"
                halign: 'center'

<NavigationDrawer>:
    MDList:
        OneLineListItem:
            text: "首页"
            on_press: 
                root.parent.parent.manager.current = 'main'
                root.parent.parent.set_state("close")
        OneLineListItem:
            text: "检查记录"
            on_press: 
                root.parent.parent.manager.current = 'records'
                root.parent.parent.set_state("close")
        OneLineListItem:
            text: "设置"
            on_press: 
                root.parent.parent.manager.current = 'settings'
                root.parent.parent.set_state("close")

<RecordsScreen>:
    MDBoxLayout:
        orientation: 'vertical'
        
        MDTopAppBar:
            title: "检查记录"
            left_action_items: [["menu", lambda x: root.open_drawer()]]
        
        MDLabel:
            text: "检查记录页面"
            halign: 'center'

<SettingsScreen>:
    MDBoxLayout:
        orientation: 'vertical'
        
        MDTopAppBar:
            title: "设置"
            left_action_items: [["menu", lambda x: root.open_drawer()]]
        
        MDLabel:
            text: "设置页面"
            halign: 'center'

ScreenManager:
    LoginScreen:
        name: 'login'
    MainScreen:
        name: 'main'
    RecordsScreen:
        name: 'records'
    SettingsScreen:
        name: 'settings'
'''

class LoginScreen(MDScreen):
    pass

class MainScreen(MDScreen):
    def open_drawer(self):
        self.parent.parent.ids.nav_drawer.set_state("open")

class RecordsScreen(MDScreen):
    def open_drawer(self):
        self.parent.parent.ids.nav_drawer.set_state("open")

class SettingsScreen(MDScreen):
    def open_drawer(self):
        self.parent.parent.ids.nav_drawer.set_state("open")

class HealthCheckApp(MDApp):
    def build(self):
        self.theme_cls.primary_palette = "Blue"
        # 构建包含导航抽屉的根布局
        root = MDBoxLayout(orientation='horizontal')
        nav_drawer = MDNavigationDrawer(id='nav_drawer')
        # 加载导航抽屉内容
        nav_drawer_content = Builder.load_string(KV).children[0].children[3]
        nav_drawer.add_widget(nav_drawer_content)
        screen_manager = Builder.load_string(KV)
        root.add_widget(nav_drawer)
        root.add_widget(screen_manager)
        return root

if __name__ == "__main__":
    HealthCheckApp().run()

关键说明 #

1. 错误修复点 #

• 确保KV语言中所有属性都是KivyMD组件的标准属性，比如halign、pos_hint、left_action_items，避免拼写错误或使用不存在的属性。
• 所有自定义屏幕类均继承自MDScreen，保证属性绑定的合法性。

2. 「Login as guest」跳转实现 #

• 登录按钮通过on_press事件触发root.manager.current = 'main'，直接切换到主页面。

3. 导航抽屉与页面切换实现 #

• 根布局采用横向MDBoxLayout，包含MDNavigationDrawer和屏幕管理器。
• 每个页面的顶部工具栏添加菜单按钮，绑定open_drawer方法打开抽屉。
• 抽屉列表项绑定页面切换事件，切换后自动关闭抽屉。

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