【Kivy App】KivyKV语言编程入门到精通渐进式教程-CSDN博客

本文链接：https://blog.csdn.net/umut9/article/details/148038731

Kivy KV语言从入门到精通渐进式教程

第一阶段：KV语言基础入门

1. KV语言简介与环境搭建

KV语言是什么：Kivy的声明式UI设计语言
基本要求：已安装Python和Kivy (pip install kivy)
文件结构：
- Python文件：main.py
- KV文件：小写app类名.kv (如myapp.kv对应MyApp类)

2. 第一个KV程序

main.py:

from kivy.app import App
from kivy.uix.label import Label

class MyApp(App):
    pass

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

my.kv:

Label:
    text: 'Hello Kivy!'
    font_size: 50
    color: 1, 0, 0, 1  # RGBA格式(红)

3. 基本语法结构

根组件规则：直接写在文件顶级的组件会成为根组件
样式规则：<WidgetClass>: 用于定义组件样式
属性设置：property: value
动态绑定：property: expression

第二阶段：KV语言核心概念

4. 布局与嵌套组件

示例:

BoxLayout:
    orientation: 'vertical'
    padding: 10
    spacing: 5
    
    Label:
        text: 'Top Label'
        font_size: 30
    
    Button:
        text: 'Click Me'
        size_hint_y: 0.3

5. 组件ID与Python交互

my.kv:

BoxLayout:
    Button:
        id: my_btn
        text: 'Press'
        on_press: app.button_pressed()

main.py:

class MyApp(App):
    def button_pressed(self):
        print("Button pressed!")
        self.root.ids.my_btn.text = "Pressed"

6. 动态属性绑定

BoxLayout:
    Slider:
        id: slider
        min: 0
        max: 100
        value: 50
    
    Label:
        text: str(slider.value)
        font_size: slider.value  # 字体大小随滑块变化

第三阶段：中级KV技巧

7. 自定义组件样式

<MySpecialButton@Button>:
    background_color: 0.2, 0.6, 1, 1
    font_size: 20
    color: 1, 1, 1, 1

BoxLayout:
    MySpecialButton:
        text: 'Custom Button'

8. 模板复用与继承

<BaseButton@Button>:
    size_hint: None, None
    size: 150, 50
    background_normal: ''
    background_color: 0.3, 0.3, 0.3, 1

<GreenButton@BaseButton>:
    background_color: 0, 1, 0, 1

<RedButton@BaseButton>:
    background_color: 1, 0, 0, 1

9. 复杂事件绑定

BoxLayout:
    TextInput:
        id: txt_input
        hint_text: "Enter text"
    
    Button:
        text: 'Submit'
        on_press:
            app.process_text(txt_input.text)
            txt_input.text = ''

第四阶段：高级KV编程

10. 动态加载KV字符串

from kivy.lang import Builder

kv_string = """
BoxLayout:
    Button:
        text: 'Dynamic KV'
"""

class MyApp(App):
    def build(self):
        return Builder.load_string(kv_string)

11. 多屏幕应用与ScreenManager

ScreenManager:
    Screen:
        name: 'menu'
        BoxLayout:
            Button:
                text: 'Go to settings'
                on_press: root.current = 'settings'
    
    Screen:
        name: 'settings'
        BoxLayout:
            Button:
                text: 'Back to menu'
                on_press: root.current = 'menu'

12. 自定义属性与数据绑定

<DataDisplay@BoxLayout>:
    data_text: ''  # 自定义属性
    orientation: 'vertical'
    
    Label:
        text: root.data_text
        font_size: 24
    
    Button:
        text: 'Update Data'
        on_press: root.data_text = 'New Data ' + str(random.randint(1,100))

第五阶段：精通与最佳实践

13. 性能优化技巧

使用canvas.before和canvas.after
合理使用id系统
避免过度嵌套

14. 主题与样式系统

<MyTheme@BoxLayout>:
    background_color: 0.9, 0.9, 0.9, 1
    
    Button:
        background_normal: ''
        background_color: 0.4, 0.4, 0.8, 1
        color: 1, 1, 1, 1

15. 与Python代码的深度集成

BoxLayout:
    orientation: 'vertical'
    
    Label:
        text: app.get_current_time()
    
    Button:
        text: 'Refresh'
        on_press: app.update_time()

main.py:

from datetime import datetime

class MyApp(App):
    def get_current_time(self):
        return datetime.now().strftime("%H:%M:%S")
    
    def update_time(self):
        self.root.ids.time_label.text = self.get_current_time()