Kivy开发求助：设置淡蓝色背景、添加按钮及实现屏幕切换

以下是整合了你所有需求的完整代码，每个功能点都有对应的实现说明：

from kivy.app import App
from kivy.uix.label import Label
from kivy.uix.button import Button
from kivy.uix.boxlayout import BoxLayout
from kivy.uix.screenmanager import ScreenManager, Screen

# 定义主屏幕
class MainScreen(Screen):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        # 创建垂直布局，用于放置标题和按钮
        layout = BoxLayout(orientation='vertical', padding=20, spacing=30)
        # 设置淡蓝色背景（RGBA格式，最后一位是透明度）
        layout.background_color = (0.8, 0.9, 1, 1)
        layout.size_hint = (1, 1)
        
        # 标题标签
        title_label = Label(
            text='Meedia Dagbesteding Client & Begeleider',
            font_size='40sp',
            font_name="Arial",
            size_hint=(1, 0.5)
        )
        
        # 启动按钮
        start_btn = Button(
            text='Begin opiniepeiling',
            font_size='24sp',
            size_hint=(0.6, 0.2),
            pos_hint={'center_x': 0.5},
            background_color=(0.2, 0.6, 1, 1)
        )
        # 绑定按钮点击事件，切换到第二个屏幕
        start_btn.bind(on_press=self.switch_to_second_screen)
        
        # 将组件添加到布局
        layout.add_widget(title_label)
        layout.add_widget(start_btn)
        self.add_widget(layout)
    
    def switch_to_second_screen(self, instance):
        # 通过ScreenManager切换屏幕
        self.manager.current = 'second'

# 定义第二个屏幕
class SecondScreen(Screen):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        layout = BoxLayout(orientation='vertical', padding=20)
        layout.background_color = (0.8, 0.9, 1, 1)
        
        # 第二个屏幕的内容
        content_label = Label(
            text='Opiniepeiling scherm',
            font_size='32sp',
            size_hint=(1, 0.5)
        )
        
        # 返回按钮
        back_btn = Button(
            text='Terug naar start',
            font_size='24sp',
            size_hint=(0.6, 0.2),
            pos_hint={'center_x': 0.5},
            background_color=(0.2, 0.6, 1, 1)
        )
        back_btn.bind(on_press=self.switch_to_main_screen)
        
        layout.add_widget(content_label)
        layout.add_widget(back_btn)
        self.add_widget(layout)
    
    def switch_to_main_screen(self, instance):
        self.manager.current = 'main'

# 应用主类
class MainApp(App):
    def build(self):
        # 创建屏幕管理器
        sm = ScreenManager()
        # 添加两个屏幕并设置唯一标识
        sm.add_widget(MainScreen(name='main'))
        sm.add_widget(SecondScreen(name='second'))
        return sm

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

功能实现说明 #

1. 淡蓝色背景设置

• 使用BoxLayout作为每个屏幕的根容器，设置background_color属性为淡蓝色的RGBA值(0.8, 0.9, 1, 1)
• 将布局的size_hint设为(1,1)，确保它占满整个屏幕空间

2. 添加"Begin opiniepeiling"按钮

• 引入Button组件，设置文本、字体大小和样式
• 通过pos_hint让按钮在水平方向居中
• 绑定on_press事件，触发屏幕切换逻辑

3. 屏幕切换功能

• 使用Kivy的ScreenManager组件管理多个屏幕，这是Kivy实现页面切换的标准方式
• 每个屏幕都有唯一的name标识，通过修改ScreenManager.current属性实现切换
• 无需关闭窗口，直接在同一个应用实例中完成页面切换

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