Kivy MD技术问题：如何用MD Tabs切换布局？解决AttributeError报错

我正在使用Python/Kivy MD设计用户界面，需求如下：

• 顶部带图标的MD Tabs
• 底部配置按钮
• 点击标签图标时切换中间区域的部件（比如修改标签文本）

我尝试在Designer.kv文件中定义MDScreenManager，并在.py文件通过ObjectProperty引用screen_manager对象，但运行代码时出现报错：AttributeError: 'NoneType' object has no attribute 'current'

我的kv代码 #

MDBoxLayout:
    screen_manager: screen_manager

    orientation: "vertical"
    padding: 10, 0, 10, 10
        
    MDTabs:
        id: tabs
        on_tab_switch: app.on_tab_switch(*args)
        
    MDScreenManager:
        id: screen_manager
        Screen:
            name: 'screen1'
            MDBoxLayout:
                MDCheckbox:
                MDLabel:
                    text: 'TAB 1'        

        Screen:
            name: 'screen2'
            MDBoxLayout:
                MDCheckbox:
                MDLabel:
                    text: 'TAB 2'        
            
    MDRaisedButton:
        text: 'CONFIGURE'
        size_hint_x: 1
        pos_hint: {"center_y":0.5}

我的Python代码 #

from kivy.lang import Builder
from kivymd.app import MDApp
from kivymd.uix.tab import MDTabsBase
from kivymd.uix.floatlayout import MDFloatLayout
from kivy.properties import ObjectProperty


class Tab(MDFloatLayout, MDTabsBase):
    '''Class implementing content for a tab.'''
   

class MainApp(MDApp):
    screen_manager = ObjectProperty()
    icons = ["clock", "video-3d"]


    def build(self):
        return Builder.load_file('Designer.kv')
    
    def on_start(self):
        for tab_name in self.icons:
            self.root.ids.tabs.add_widget(Tab(icon=tab_name))

    def on_tab_switch(
        self, instance_tabs, instance_tab, instance_tab_label, tab_text
    ):
        '''
        Called when switching tabs.

        :type instance_tabs: <kivymd.uix.tab.MDTabs object>;
        :param instance_tab: <__main__.Tab object>;
        :param instance_tab_label: <kivymd.uix.tab.MDTabsLabel object>;
        :param tab_text: text or name icon of tab;
        '''
        count_icon = instance_tab.icon
        
        if count_icon == self.icons[0]:
            self.screen_manager.current = 'screen1'
        elif count_icon == self.icons[1]:
            self.screen_manager.current = 'screen2'
        

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

报错原因是你定义的screen_manager这个ObjectProperty没有被正确绑定到kv文件中的MDScreenManager实例，导致它的值为None，调用current属性时触发错误。以下两种方法可以修复：

方法1：直接通过root的ids访问（推荐） #

不需要使用ObjectProperty，直接在切换方法中通过根布局的ids获取screen_manager实例：
修改Python代码中的on_tab_switch方法：

def on_tab_switch(
    self, instance_tabs, instance_tab, instance_tab_label, tab_text
):
    count_icon = instance_tab.icon
    
    if count_icon == self.icons[0]:
        self.root.ids.screen_manager.current = 'screen1'
    elif count_icon == self.icons[1]:
        self.root.ids.screen_manager.current = 'screen2'

同时可以删掉MainApp类中的screen_manager = ObjectProperty()这一行代码。

方法2：正确绑定ObjectProperty #

如果一定要使用ObjectProperty，需要在kv文件中把App的screen_manager属性绑定到对应组件：
修改kv文件的根布局：

MDBoxLayout:
    app.screen_manager: screen_manager  # 绑定到App的screen_manager属性
    orientation: "vertical"
    padding: 10, 0, 10, 10
    
    # 其余代码保持不变

这样App类中的screen_manager属性会被正确赋值，原有的on_tab_switch代码即可正常运行。

方案1：直接在Tab组件中嵌入内容 #

不需要使用MDScreenManager，把每个标签对应的内容直接放在自定义的Tab类中，切换标签时MDTabs会自动显示对应Tab的内容：
修改Python的Tab类：

class Tab(MDFloatLayout, MDTabsBase):
    def __init__(self, icon, **kwargs):
        super().__init__(**kwargs)
        self.icon = icon
        # 根据图标添加对应内容
        if icon == "clock":
            self.add_widget(MDCheckbox())
            self.add_widget(MDLabel(text='TAB 1'))
        elif icon == "video-3d":
            self.add_widget(MDCheckbox())
            self.add_widget(MDLabel(text='TAB 2'))

kv文件中可以删除MDScreenManager相关代码，简化为：

MDBoxLayout:
    orientation: "vertical"
    padding: 10, 0, 10, 10
        
    MDTabs:
        id: tabs
        
    MDRaisedButton:
        text: 'CONFIGURE'
        size_hint_x: 1
        pos_hint: {"center_y":0.5}

方案2：通过控制Widget可见性切换内容 #

在中间区域放置多个布局，通过opacity和disabled属性控制内容的显示与隐藏：
kv文件示例：

MDBoxLayout:
    orientation: "vertical"
    padding: 10, 0, 10, 10
        
    MDTabs:
        id: tabs
        on_tab_switch: app.switch_content(*args)
        
    MDBoxLayout:
        id: content_area
        orientation: "vertical"
        
        MDBoxLayout:
            id: content1
            MDCheckbox:
            MDLabel:
                text: 'TAB 1'
        
        MDBoxLayout:
            id: content2
            opacity: 0
            disabled: True
            MDCheckbox:
            MDLabel:
                text: 'TAB 2'
            
    MDRaisedButton:
        text: 'CONFIGURE'
        size_hint_x: 1
        pos_hint: {"center_y":0.5}

Python中添加切换方法：

def switch_content(self, instance_tabs, instance_tab, instance_tab_label, tab_text):
    count_icon = instance_tab.icon
    # 重置所有内容的可见状态
    self.root.ids.content1.opacity = 0
    self.root.ids.content1.disabled = True
    self.root.ids.content2.opacity = 0
    self.root.ids.content2.disabled = True
    
    if count_icon == self.icons[0]:
        self.root.ids.content1.opacity = 1
        self.root.ids.content1.disabled = False
    elif count_icon == self.icons[1]:
        self.root.ids.content2.opacity = 1
        self.root.ids.content2.disabled = False

这种方式适合内容较少的场景，无需额外的ScreenManager。

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