Kivy 是一个强大的框架，提供了丰富的组件和布局管理功能，用于开发多触控应用。本文将介绍 Kivy 的基本组件及其常用属性与方法，同时学习如何使用各种布局管理器设计用户界面。

1. Kivy 组件


1.1 常用组件及其用法


1.1.1 Label

1. Label

复制代码

是一个用于显示文本的组件。

1. from kivy.app import App
   
2. from kivy.uix.label import Label
   
3. 
   
4. class MyApp(App):
   
5.     def build(self):
   
6.         return Label(text='Hello, Kivy!', font_size='20sp')
   
7. 
   
8. if __name__ == '__main__':
   
9.     MyApp().run()

复制代码

常用属性：

• 1. text

  复制代码
  : 显示的文本内容。
  
• 1. font_size

  复制代码
  : 字体大小。
  

常用方法：

• 1. bind

  复制代码
  : 绑定属性。
  

1.1.2 Button

1. Button

复制代码

是一个可点击的按钮组件。

1. from kivy.app import App
   
2. from kivy.uix.button import Button
   
3. 
   
4. class MyApp(App):
   
5.     def build(self):
   
6.         return Button(text='点击我', on_press=self.on_button_click)
   
7. 
   
8.     def on_button_click(self, instance):
   
9.         print("按钮被点击！")
   
10. 
    
11. if __name__ == '__main__':
    
12.     MyApp().run()

复制代码

常用属性：

• 1. text

  复制代码
  : 显示的文本内容。
  

常用方法：

• 1. bind

  复制代码
  : 绑定按钮通过点击触发的事件。
  

1.1.3 TextInput

1. TextInput

复制代码

允许用户输入文本。

1. from kivy.app import App
   
2. from kivy.uix.textinput import TextInput
   
3. 
   
4. class MyApp(App):
   
5.     def build(self):
   
6.         return TextInput(hint_text='请输入内容')
   
7. 
   
8. if __name__ == '__main__':
   
9.     MyApp().run()

复制代码

常用属性：

• 1. hint_text

  复制代码
  : 输入框中的提示文本。
  

1.1.4 Image

1. Image

复制代码

用于显示图像。

1. from kivy.app import App
   
2. from kivy.uix.image import Image
   
3. 
   
4. class MyApp(App):
   
5.     def build(self):
   
6.         return Image(source='path/to/image.png')  # 替换为你的图像路径
   
7. 
   
8. if __name__ == '__main__':
   
9.     MyApp().run()

复制代码

常用属性：

• 1. source

  复制代码
  : 图像文件路径。
  

1.1.5 Spinner

1. Spinner

复制代码

是一个下拉列表组件。

1. from kivy.app import App
   
2. from kivy.uix.spinner import Spinner
   
3. 
   
4. class MyApp(App):
   
5.     def build(self):
   
6.         spinner = Spinner(text='选择一个选项', values=('选项1', '选项2', '选项3'))
   
7.         return spinner
   
8. 
   
9. if __name__ == '__main__':
   
10.     MyApp().run()

复制代码

常用属性：

• 1. text

  复制代码
  : 显示的文本。
  
• 1. values

  复制代码
  : 下拉列表中的选项。
  

1.1.6 Checkbox

1. Checkbox

复制代码

组件用于选择。

1. from kivy.app import App
   
2. from kivy.uix.boxlayout import BoxLayout
   
3. from kivy.uix.checkbox import CheckBox
   
4. from kivy.uix.label import Label
   
5. 
   
6. class MyApp(App):
   
7.     def build(self):
   
8.         layout = BoxLayout()
   
9.         checkbox = CheckBox()
   
10.         label = Label(text='同意条款')
    
11.         layout.add_widget(checkbox)
    
12.         layout.add_widget(label)
    
13.         return layout
    
14. 
    
15. if __name__ == '__main__':
    
16.     MyApp().run()

复制代码

常用属性：

• 1. active

  复制代码
  : 表示选中状态。
  

1.1.7 ToggleButton

1. ToggleButton

复制代码

是一个可切换的按钮。

1. from kivy.app import App
   
2. from kivy.uix.togglebutton import ToggleButton
   
3. 
   
4. class MyApp(App):
   
5.     def build(self):
   
6.         return ToggleButton(text='开关', group='my_buttons')
   
7. 
   
8. if __name__ == '__main__':
   
9.     MyApp().run()

复制代码

常用属性：

• 1. group

  复制代码
  : 将按钮分组，以便在组内只能有一个被选中。
  

1.2 组件的常用属性与方法

• 属性
  
  
  
  • 1. size

    复制代码
    : 设置组件的大小。
    
  • 1. pos

    复制代码
    : 设置组件的位置。
    
  • 1. color

    复制代码
    : 设置文本或背景颜色。
    
  
  
• 方法
  
  
  
  • 1. bind(callback)

    复制代码
    : 绑定组件的变化事件，如
    1. on_press

    复制代码
    。
    
  
  

2. 布局管理


2.1 不同布局

Kivy 提供了多种布局管理器，以便于组织界面元素。

2.1.1 BoxLayout

1. BoxLayout

复制代码

是一个线性布局，可以水平或垂直排列子组件。

1. from kivy.app import App
   
2. from kivy.uix.boxlayout import BoxLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = BoxLayout(orientation='vertical')
   
8.         layout.add_widget(Button(text='按钮1'))
   
9.         layout.add_widget(Button(text='按钮2'))
   
10.         return layout
    
11. 
    
12. if __name__ == '__main__':
    
13.     MyApp().run()

复制代码

2.1.2 GridLayout

1. GridLayout

复制代码

将组件放置在网格中。

1. from kivy.app import App
   
2. from kivy.uix.gridlayout import GridLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = GridLayout(cols=2)
   
8.         layout.add_widget(Button(text='按钮1'))
   
9.         layout.add_widget(Button(text='按钮2'))
   
10.         layout.add_widget(Button(text='按钮3'))
    
11.         return layout
    
12. 
    
13. if __name__ == '__main__':
    
14.     MyApp().run()

复制代码

2.1.3 FloatLayout

1. FloatLayout

复制代码

允许使用相对位置。

1. from kivy.app import App
   
2. from kivy.uix.floatlayout import FloatLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = FloatLayout()
   
8.         button = Button(text='点击我', size_hint=(0.4, 0.2), pos_hint={'x': 0.3, 'y': 0.4})
   
9.         layout.add_widget(button)
   
10.         return layout
    
11. 
    
12. if __name__ == '__main__':
    
13.     MyApp().run()

复制代码

2.1.4 StackLayout

1. StackLayout

复制代码

按垂直或水平方向堆叠组件。

1. from kivy.app import App
   
2. from kivy.uix.stacklayout import StackLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = StackLayout()
   
8.         layout.add_widget(Button(text='按钮1'))
   
9.         layout.add_widget(Button(text='按钮2'))
   
10.         layout.add_widget(Button(text='按钮3'))
    
11.         return layout
    
12. 
    
13. if __name__ == '__main__':
    
14.     MyApp().run()

复制代码

2.1.5 AnchorLayout

1. AnchorLayout

复制代码

根据锚点定位子组件。

1. from kivy.app import App
   
2. from kivy.uix.anchorlayout import AnchorLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = AnchorLayout(anchor_x='center', anchor_y='top')
   
8.         layout.add_widget(Button(text='居中按钮'))
   
9.         return layout
   
10. 
    
11. if __name__ == '__main__':
    
12.     MyApp().run()

复制代码

2.1.6 RelativeLayout

1. RelativeLayout

复制代码

以相对位置布局子组件。

1. from kivy.app import App
   
2. from kivy.uix.relativelayout import RelativeLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = RelativeLayout()
   
8.         button1 = Button(text='左上', size_hint=(0.5, 0.5), pos_hint={'x': 0, 'y': 0.5})
   
9.         button2 = Button(text='右下', size_hint=(0.5, 0.5), pos_hint={'right': 1, 'top': 1})
   
10.         layout.add_widget(button1)
    
11.         layout.add_widget(button2)
    
12.         return layout
    
13. 
    
14. if __name__ == '__main__':
    
15.     MyApp().run()

复制代码

2.2 设计简单界面

通过多种布局实现同一界面的效果，以便观察效果差异。

2.2.1 使用 BoxLayout 和 GridLayout

两个布局实现同一组按钮的排列方式。
BoxLayout 实现：

1. from kivy.app import App
   
2. from kivy.uix.boxlayout import BoxLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = BoxLayout(orientation='vertical')
   
8.         for i in range(5):
   
9.             layout.add_widget(Button(text=f'按钮 {i+1}'))
   
10.         return layout
    
11. 
    
12. if __name__ == '__main__':
    
13.     MyApp().run()

复制代码

GridLayout 实现：

1. from kivy.app import App
   
2. from kivy.uix.gridlayout import GridLayout
   
3. from kivy.uix.button import Button
   
4. 
   
5. class MyApp(App):
   
6.     def build(self):
   
7.         layout = GridLayout(cols=3)
   
8.         for i in range(5):
   
9.             layout.add_widget(Button(text=f'按钮 {i+1}'))
   
10.         return layout
    
11. 
    
12. if __name__ == '__main__':
    
13.     MyApp().run()

复制代码

总结

本文介绍了 Kivy 的基础组件和布局管理器，包括

1. Label

复制代码

、

1. Button

复制代码

、

1. TextInput

复制代码

、

1. Image

复制代码

、

1. Spinner

复制代码

、

1. Checkbox

复制代码

和

1. ToggleButton

复制代码

的用法。理解 Kivy 布局管理器的不同特性后，你可以在开发中根据不同需求选择有效的布局策略。借助 Kivy 提供的强大功能和灵活性，你可以轻松构建高效的跨平台应用。希望这些例子帮助你熟悉 Kivy，并激发你进一步的开发创意！
到此这篇关于Python Kivy基础教程的使用的文章就介绍到这了,更多相关Python Kivy内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

来源：https://www.jb51.net/python/339864yrw.htm
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！