如何使用kivymd.ResponsiveLayout？运行提示Unknown class错误

问题根源 #

KivyMD没有内置ResponsiveLayout组件，直接在kv文件中引用会触发FactoryException，提示未知类。

实现响应式布局的可行方案 #

自定义一个响应式布局类，监听窗口尺寸变化，自动切换对应视图：

Python代码（main.py） #

from kivy.lang import Builder
from kivy.core.window import Window
from kivymd.app import MDApp
from kivy.uix.boxlayout import BoxLayout

class ResponsiveLayout(BoxLayout):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.update_view()
        # 监听窗口尺寸变化事件
        Window.bind(on_resize=lambda _, w, h: self.update_view())

    def update_view(self):
        # 定义不同设备的宽度阈值，可按需调整
        mobile_max_width = 600
        tablet_max_width = 900
        current_width = Window.width

        # 清空当前布局内容
        self.clear_widgets()
        if current_width < mobile_max_width:
            self.add_widget(Builder.load_file("startpage.kv").MobileView())
        elif mobile_max_width <= current_width < tablet_max_width:
            self.add_widget(Builder.load_file("startpage.kv").TabletView())
        else:
            self.add_widget(Builder.load_file("startpage.kv").DesktopView())

class Test(MDApp):
    def build(self):
        return ResponsiveLayout()

Test().run()

kv文件（startpage.kv） #

<MobileView>:
    MDLabel:
        text: "Mobile"
        halign: "center"

<TabletView>:
    MDLabel:
        text: "Tablet"
        halign: "center"

<DesktopView>:
    MDLabel:
        text: "Desktop"
        halign: "center"

补充说明 #

• 自定义布局继承自BoxLayout，可根据界面需求替换为FloatLayout等其他布局类型
• 宽度阈值参数可根据实际设计需求灵活调整
• 窗口尺寸改变时会自动触发视图切换，实现响应式适配效果

内容的提问来源于stack exchange，提问作者Abel Gutiérrez