Kivy点击主屏幕按钮生成新按钮并跳转至第二屏的实现方案咨询

核心实现逻辑 #

你需要给动态创建的按钮绑定ScreenManager的页面切换回调，提供两种实现方案，第二种更适合大型项目的可维护性要求。

方案1：KV层直接修改（快速实现） #

直接修改你现有KV代码中注释的绑定行即可，完整修改后的KV代码如下：

#: import Button kivy.uix.button.Button
<Main>:
    name: "main"
    GridLayout:
        id: GL
        cols: 1
        size_hint: (.5,.5)
        pos_hint: {"center_x":.5,"center_y":.5}
        Button:
            text: "Press Me"
            on_press:
                Btn=Button(text="Second",size_hint=(.5,.5),pos_hint= {"center_x":.5,"center_y":.5})
                GL.add_widget(Btn)
                Btn.bind(on_press=lambda *args: setattr(app.root, 'current', 'second'))

<Second>:
    name: "second"
    Button:
        text: "Go Back!"
        size_hint: (.5,.5)
        pos_hint: {"center_x":.5,"center_y":.5}
        on_press:
            app.root.current="main"

该方案不需要修改Python代码，直接绑定匿名回调完成页面切换。

方案2：逻辑抽离到Python类（大型项目推荐） #

将交互逻辑和视图层分离，后续修改跳转逻辑、附加其他业务逻辑都更方便，修改后的代码如下：

修改后的Python代码 #

from kivy.app import App
from kivy.uix.button import Button
from kivy.uix.label import Label
from kivy.uix.gridlayout import GridLayout
from kivy.lang import Builder
from kivy.uix.widget import Widget
from kivy.uix.screenmanager import Screen,ScreenManager

class Main(Screen):
    # 新增跳转第二屏的业务方法
    def switch_to_second(self, instance):
        # 可在此处添加跳转前的业务逻辑，比如参数传递、数据校验等
        self.manager.current = "second"

class Second(Screen):
    pass
class Manager(ScreenManager):
    pass
kv=Builder.load_file("test1.kv")
movie=Manager()
movie.add_widget(Main(name="main"))
movie.add_widget(Second(name="second"))

class Movie(App):
   def build(self):
       return movie

Movie().run()

修改后的KV代码 #

#: import Button kivy.uix.button.Button
<Main>:
    name: "main"
    GridLayout:
        id: GL
        cols: 1
        size_hint: (.5,.5)
        pos_hint: {"center_x":.5,"center_y":.5}
        Button:
            text: "Press Me"
            on_press:
                Btn=Button(text="Second",size_hint=(.5,.5),pos_hint= {"center_x":.5,"center_y":.5})
                GL.add_widget(Btn)
                Btn.bind(on_press=root.switch_to_second)

<Second>:
    name: "second"
    Button:
        text: "Go Back!"
        size_hint: (.5,.5)
        pos_hint: {"center_x":.5,"center_y":.5}
        on_press:
            app.root.current="main"

大型项目适配优化建议 #

• 可在Main类中新增标记位，判断动态按钮是否已生成，避免重复点击创建多个重复按钮
• 跳转时如果需要传递参数，可在switch_to_second方法中通过self.manager.get_screen('second')获取第二屏实例，直接给实例属性赋值完成参数传递
• 所有业务逻辑统一放在Python类中实现，KV仅做视图描述，降低后续迭代的维护成本

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