如何在 kivy 中使用多个 UX 小部件 | Python

Kivy 是Python中一个独立于平台的 GUI 工具。因为它可以在Android、IOS、linux和Windows等平台上运行。它基本上是用来开发Android应用程序的，但这并不意味着它不能在桌面应用程序上使用。

???????? Kivy Tutorial – Learn Kivy with Examples.

用户体验小部件：

经典的用户界面小部件，可以组装以创建更复杂的小部件。有多个 UX 小部件，例如标签、按钮、复选框、图像、滑块、进度条、文本输入、切换按钮、开关。

• Label ：Label 小部件用于呈现文本。它支持 ascii 和 unicode字符串。
• 按钮：按钮是一个标签，它具有在按下按钮（或在单击/触摸后释放）时触发的相关操作。
• CheckBox： CheckBox 是一个特定的两种状态按钮，可以选中或取消选中。
• 图像：图像小部件用于显示图像。
• 滑块：滑块小部件看起来像一个滚动条。它支持水平和垂直方向、最小/最大值和默认值。
• 进度条：进度条小部件用于可视化某些任务的进度。
• TextInput： TextInput 小部件为可编辑的纯文本提供了一个框。
• Toggle Button： ToggleButton 小部件就像一个复选框。当您触摸或单击它时，状态会在“正常”和“向下”之间切换（而不是只要按下它就只能“向下”的按钮）。
• 开关：开关小部件处于活动或非活动状态，就像机械灯开关一样。

在这里，我们将使用几乎所有这些 UX 小部件，以便您了解如何在单个代码中使用它们。

Basic Approach:
1) import kivy
2) import kivyApp
3) import window
4) Set minimum version(optional)
5) Create the App class
6) Create the .kv file 
7) Make the run method/ run the App

方法的实施：
.py 文件：

Python3

# Program to Show how to use multiple UX widget
 
# import kivy module   
import kivy 
      
# base Class of your App inherits from the App class.   
# app:always refers to the instance of your application  
from kivy.app import App
    
# this restrict the kivy version i.e 
# below this kivy version you cannot 
# use the app or software 
kivy.require('1.9.0')
 
# Here for providing colour to the background
from kivy.core.window import Window
 
# Setting the window size
Window.size = (1120, 630)
 
# Add the App class
class ClassiqueApp(App):
    def build(FloatLayout):
        pass
 
# Run the App
if __name__ == '__main__':
    ClassiqueApp().run()

.kv 文件：

Python3

# .kv file implementation of the App
 
# Using Grid layout
GridLayout:
     
    cols: 4
    rows: 3
    padding: 10
 
    # Adding label
    Label:
        text: "I am a Label"
 
    # Add Button
    Button:
        text: "button 1"
 
    # Add CheckBox
    CheckBox:
        active: True
 
    # Add Image
    Image:
        source: 'html.png'
 
    # Add Slider
    Slider:
        min: -100
        max: 100
        value: 25
 
    # Add progress Bar
    ProgressBar:
        min: 50
        max: 100
 
    # Add TextInput
    TextInput:
        text: "Enter the text"
 
    # Add toggle Button
    ToggleButton:
        text: " Poetry Mode "
 
    # Add Switch
    Switch:
        active: True
    

输出：