下一个→

Kivy教程

Kivy教程提供基本的和先进的Kivy概念。我们的Kivy教程是为初学者和专业人士设计的。

Kivy是一种多平台应用程序开发框架为Python．它允许我们在各种平台上开发多平台应用程序，例如窗户，Linux，安卓macOS、iOS和树莓派．

在我们的Kivy教程中，我们将讨论以下主题-

什么是Kivy
Kivy的特点
Kivy的优点和缺点
Kivy架构
Kivy安装在Windows上
在Kivy中创建一个Hello World程序
在Kivy中添加图像
Kivy按钮
Kivy小部件
Kivy布局
在Kivy中创建弹出窗口
Kivy窗口中的克里特岛标志

什么是Kivy?

Kivy是一种开源而且图形用户界面(GUI) Python开发平台。
它帮助我们发展移动应用程序而且多点触控应用软件NUI(自然用户界面)
它允许开发人员一次性构建应用程序，并在所有设备上使用它。
它还可以访问移动api来操作手机摄像头，GPS跟踪，振动器等等．
它包含用于创建应用程序的各种组件，例如:
- 一个图形库OpenGL ES 2。
- 广泛的小部件支持多点触控。
- 一个中间Kv语言设计自定义小部件。
- 广泛支持输入设备例如鼠标，键盘，TUIO，以及特定于操作系统的多点触摸事件。

Kivy的特点

Kivy -有以下很酷的功能

1.视频

Kivy包含各种播放视频文件和流的模块。Kivy Video player还支持与视频相关的一些常见需求，如播放、暂停、停止按钮、可用作字幕的文本、在视频上向用户显示消息等。

例子:pygame视频提供商支持Linux上的MPEG1。

2.多点触控和手势

Kivy使用了大量支持多点触摸和手势的小部件。Kivy开发人员提供了一个手势库来记录用户的手势。

我们可以记录以下三种手势

从左到右的水平线
从右到左的水平线
从下到上的垂直线

3.UI特性

Kivy提供了许多小部件和控件，使我们的移动界面更有吸引力和美观。它也被用来提高单手可用性，导航手势，创建新的图标或设计元素，黑暗模式，和新的动画。

4.视觉效果和OpenGL

Kivy使用PyGame轻松创建新游戏。PyGame提供了绘制形状、处理颜色和播放音乐的各种模块。

5.灵活的

Kivy更加灵活，因为它可以在各种设备上运行，包括Linux，移动电话，窗户、平板电脑、iOS,覆盆子π．Kivy非常灵活，因此可以快速适应新技术。

6.免费的

Kivy框架完全免费使用。要使用Kivy，必须有1 GHz 32位(x86)或64位(x64)CPU， 1gb内存， 128 MB图形内存，并且在您的系统上安装了Python。

Kivy的优点和缺点

优势

Kivy的优点如下

Kivy帮助我们设计具有多点触控功能的创新用户界面。
它可以在Windows、Android、Linux、iOs、macOS和树莓派等各种平台上顺利运行。
它帮助我们在所有受支持的平台上运行代码。
它提供了文档完善的api。
它提供了更好的程序表示，包括类、小部件配置和继承的类。
它比HTML 5执行得更好。

缺点

Kivy使用kV语言，不适合我们单独编译代码。
它并不总是最新的与最新的Android api。
构建和编译移动应用程序需要花费大量时间。
包装的尺寸不必要的大。
它缺乏社区支持。

Kivy架构

下面的截图显示了Kivy架构-

Kivy Architecture包含以下组件-

1.核心提供者和输入提供者

Kivy Providers主要抽象了各种核心任务包括的内容打开一个窗口，显示图像和文本，播放音频，拼写纠正，从相机获取图像，等等。

输入提供程序是一段代码，它帮助我们添加对特定输入设备(如TUIO、鼠标模拟器或Apple的触摸板)的支持。我们还可以通过提供一个新类来添加对新输入设备的支持，该类可以从设备读取输入数据并将其转换为Kivy事件。

2.图形

Kivy Graphics api能够自动优化绘图命令。

3.核心

Core提供以下特性

时钟
时钟用于调度计时器事件。时钟支持只有一次的计时器而且周期性的计时器．
缓存
在Kivy中，缓存用于存储python对象。我们可以通过以下两种方式控制缓存
- 对象限制
- 超时

注意:我们还可以在Kivy中创建一个新的缓存，限制为10个对象，超时时间为5秒。

手势检测
Kivy使用简单的手势检测，用于检测各种类型的笔画、圆形、矩形或正方形。
Kivy语言
Kivy语言用于更快速、更容易地描述用户界面。
属性
在Kivy中，属性类用于将小部件代码链接到用户界面描述。

4.UIX

ui模块通常包含小部件和布局，用于快速创建用户界面。

小部件

小部件是我们添加到程序中以提供某种功能的用户界面组件。

例子:文件浏览器、按钮、列表、滑块等。

布局

布局用于排列小部件。

5.模块

模块是当我们启动Kivy应用程序时可以加载到Kivy上的类。配置文件用于管理模块的加载。

注意:在Kivy中，我们也可以编写自己的模块。

6.输入事件

Kivy输入事件是Kivy架构的重要组成部分。Kivy抽象包含不同的输入事件，如触摸，鼠标，TUIO，鼠标，MTDev和HIDInput。我们还可以添加2D屏幕位置与任何单独的输入事件。

所有输入类型都由touch()类的实例来描述。touch()类实例可以是以下三种状态之一。

下来
移动
向上

7.小部件和输入调度

术语小部件最常用于GUI描述与用户交互的程序部分的编程。在kivy中，小部件作为接收输入事件的对象工作。所有小部件都以小部件树的形式排列。一个小部件可以包含任意数量的子组件，也可以不包含子组件。

每当有新数据可用时，Kivy每次触摸都会发送一个。每个事件首先由小部件树的根小部件接收。

Kivy安装在Windows上

要在Windows上安装kivy，首先，我们需要在我们的系统上安装Python和Anaconda。

按照以下步骤安装Python -

步骤1:复制粘贴下面的链接在任何浏览器或你只是简单地点击下面的链接-https://www.python.org/

步骤2:屏幕上将出现以下页面，在其中单击下载并选择窗户从下拉菜单中。

步骤3:选择适用于windows的Python发布版本。

步骤4:双击下载的文件，屏幕上会出现下面的窗口，在其中单击现在安装．

步骤5:下面的截图显示Python安装正在进行中。

步骤6:下面的截图显示安装成功。你只需简单地点击关闭按钮。

现在，按照以下步骤下载Anaconda -

步骤1:点击下面的链接来安装Anacondahttps://www.anaconda.com/products/individual

步骤2:屏幕上显示如下页面。向下滚动窗口并单击64位图形安装程序(446 MB)在屏幕底部。

步骤3:您可以看到Anaconda图形安装程序已经开始下载。文件下载完成后，双击该可执行文件。的屏幕上会出现以下窗口，其中单击下一个．

步骤4:屏幕上出现一个许可协议窗口，在该窗口中单击我同意。

步骤5:在“安装程序类型”中，选择“为”安装Just Me(推荐)．

步骤6:浏览位置你想在哪里安装Anaconda，然后点击下一个．

步骤7:高级安装选项窗口出现在屏幕上，勾选将Anaconda3注册为默认的Python 3.7．然后点击安装．

第八步:下面的截图显示Anaconda安装正在进行中。

步骤9:安装过程完成后，单击下一个按钮。

第十步:的屏幕上会出现以下窗口，其中单击下一个．

步骤11:一个完整的蟒蛇设置窗口出现在屏幕上，只需单击完成在那扇窗户上。

安装Kivy

一旦你安装了蟒蛇，现在我们可以安装kivy。

安装kivy -的步骤如下

步骤1:去水蟒提示。

步骤2:在安装kivy之前，首先使用以下命令更新pip。

步骤3:安装依赖项

在安装Kivy时，我们需要安装以下3个依赖项。

            Python -m pip install docutils pyptions pypiwin32 kivy. dps .sdl2 kivy. dps .glew . zip
           

步骤4:安装Kivy

使用以下命令安装Kivy。

在Kivy中创建一个Hello World程序

在Kivy -中创建Hello World程序的步骤如下

步骤1:打开任何文本编辑器(Notepad或notepad++)

步骤2:在编辑器上编写以下代码。

            从kivy导入kivy模块。Kivy .require('1.11.1') #运行Kivy应用程序类所需的版本MyKivyApp(app): #创建一个类MyKivyApp def build(self):返回标签(text ="Hello World !") #返回一个带有文本的标签Hello World !MyKivyApp().run() #初始化MyKivyApp并调用run()方法来运行应用程序。
           

步骤3:保存文件. py例如Javatpoint.py

步骤4:打开Anaconda提示并提供保存kivy程序的有效路径。

步骤5:要运行程序，使用流动命令并按Enter。

当您运行该命令时，屏幕上将出现以下输出。

在Kivy中添加图像小部件

Kivy图像小部件的使用kivy.uix.image模块显示图像。在Kivy中有以下两种添加图像的方法。

从系统

从系统，图像小部件用于从系统加载图像。

下面的代码用于在Kivy中添加图像小部件。

            从kivy导入kivy模块。app import app # import Kivy app模块从Kivy .uix. Image import Image # import Image模块Kivy .require('1.11.1') #运行Kivy应用程序类所需的版本MyKivyApp(app): #创建一个类MyKivyApp def build(self):返回图像(源="G:\Office\Images\Kivy\download.jpg") #返回一个图像作为根小部件MyKivyApp().run() #类MyKivyApp初始化并调用run()方法来运行应用程序。
           

当我们运行代码时，以下输出将出现在屏幕上。

异步加载

异步加载图像小部件用于从外部web服务器加载图像。

我们可以使用以下代码从外部web服务器添加图像。

            从kivy导入kivy模块。Kivy .require('1.11.1') #运行Kivy应用程序类所需的版本MyKivyApp(app): #创建一个类MyKivyApp def build(self):返回AsyncImage(source ="https://media.gettyimages.com/photos/stack-of-books-picture-id157482029?s=612x612") #返回一个图像作为根小部件#复制图像链接地址。MyKivyApp().run() #初始化MyKivyApp并调用run()方法来运行App。
           

下面的截图显示了从外部web服务器添加的图像。

Kivy按钮

按钮是每个应用程序的重要组成部分。当我们点击按钮时，它执行一些特定的任务。按钮的主要优点是它允许用户直接与软件和应用程序交互。

要在Kivy中创建一个按钮，我们需要导入button形式kivy.uix.button．

            从kivy进口kivy。kivy.require("1.9.1") class kivyButtonApp(app): def build(self): btn = Button(text = "Press Me!") return btn root = kivyButtonApp() root.run()
           

输出:

创建一个时尚的按钮

在Kivy中，我们还可以使用各种不同的背景颜色、size_hint和pos设计一个时尚的按钮。

            从kivy进口kivy。kivy.require("1.9.1") class kivyButtonApp(app): def build(self): btn = Button(text = "Press Me!"， size_hint = (.2，.2)， pos = (300,250)) return btn root = kivyButtonApp() root.run()
           

下面的截图显示了一个时尚按钮的输出。

在按钮中添加一个图像

Kivy允许我们在按钮中添加图像，使按钮更加有效和吸引人。

要在按钮中添加图像，我们需要导入以下模块:

代码:

            从kivy导入kivy.require("1.9.1")。从kivy导入app。config import配置信息。set('graphics'， ' resized '， True) class Button_Demo(App): def build(self): btn = Button(text ="点击我"，color =(1,0， . 65,1)， background_normal = 'G:\Office\Images\Kivy\download.jpg'， size_hint =(。4。4)pos_hint = {" y "“x”:0.39:0.3})返回btn根= Button_Demo () root.run ()
           

输出:

Kivy小部件

Kivy Widgets用于在Kivy中开发GUI界面。Kivy小部件允许我们创建标签、画布、下拉菜单等。

1.标签小部件

标签小部件用于呈现文本。为了使标签更具吸引力，我们可以在标签中添加字体大小、颜色和文本颜色。

要创建标签，我们需要导入导入标签模块。

代码:

            从kivy进口kivy。app import app from kivi .uix. Label import Label #import标签模块类Label_Demo(app): def build(self): label1 =Label (text ="javaTpoint"， font_size = 120) #在屏幕上显示标签返回label1 root=Label_Demo() root.run()
           

输出:下面的屏幕截图显示了标签的输出。

3.复选框

复选框也被称为选择框、勾框和复选标记。在表单中使用它使表单选项更容易阅读和回答。

代码:

            从kivy进口kivy。从kivy.uix.label导入标签从kivy.uix.gridlayout导入GridLayout从kivy.uix.checkbox导入CheckBox类checkboxDemo(GridLayout): def __init__(self， **kwargs): super().__init__()Cols = 2 self。add_widget(Label(text ='Python'))check = CheckBox(active = True) self.add_widget(self.check)add_widget(Label(text ='C'))check = CheckBox(active = False) self.add_widget(self.check)add_widget(Label(text =' c++ '))check= CheckBox(active = False) self.add_widget(self.check)add_widget(Label(text ='Java'))check = CheckBox(active = True) self.add_widget(self.check)add_widget(Label(text ='Other'))check = CheckBox(active = False) self.add_widget(self.check)类CheckBox_App(App): def构建(self):返回checkboxDemo() root= CheckBox_App() root.run()
           

下图显示了复选框的输出:

滑块

滑块用于处理范围内的特定数值(最小值到最大值)。大多数情况下，滑动条在手机中用于增加和减少手机的音量以及亮度。

要创建滑块，首先，我们必须导入从kivy.ui . Slider导入滑块模块。

在Kivy中，我们使用下面的代码来创建范围滑块:

代码:

            从kivy。从kivy.uix.gridlayout导入GridLayout从kivy.uix.label导入标签类Slider_Demo(GridLayout): def __init__(self): super().__init__()Cols = 2 self。滑块=滑块(min = 0, max = 100)绑定(value = self.on_value_change) self。label = label (text = "0") self.add_widget(self.label) def on_value_change(self, instance, value): self.label.text = " value Is: {} ".format(int(value)) class SliderWindow(App): def build(self): return Slider_Demo() root = SliderWindow() root.run()
           

下面的截图显示了滑块的输出。

注意:Kivy还支持标准化滑块，其中包含最小值0和最大值1。

开关部件

开关小部件只包含两种状态(开或关)。

要创建Switch小部件，我们需要导入从kivy.uix.switch导入开关模块。

代码:

            从kivy进口kivy。应用kivy.require('1.9.0') from kivy.uix.switch import Switch #import Switch Module from kivy.uix.gridlayout import GridLayout from kivy.uix.label import标签类SimpleSwitch(GridLayout): def __init__(self， **kwargs): super(SimpleSwitch, self).__init__(**kwargs) self。Cols = 2 self。add_widget(Label(text ="Switch"))settings_sample =开关(active = False) self.add_widget(self.settings_sample) self.settings_sample。bind(active = switch_callback) def switch_callback(switchObject, switchValue): if(switchValue): print('Switch is ON:):):):):) else: print('Switch is OFF:(:(:(:)(')类switchchapp (App): def构建(self):返回SimpleSwitch() if __name__ == '__main__': switchchapp ().run()
           

输出:下面的截图显示了Switch Widget的输出。

进度条

进度条是最重要的图形控制元素之一，它是用来分析操作进度等的下载进度，文件传输进度，加载应用程序，保存更新和安装进度．

要创建进度条，首先导入以下模块:

从kivy.uix.progressbar导入

            从kivy进口kivy。从kivy.uix. BoxLayout中导入BoxLayout，从kivy.uix. Button中导入按钮。MainMenu(BoxLayout): def __init__(self): super().__init__()orientation = 'vertical' btn = Button(text="Start") btn.bind(on_release=self.trigger) self.add_widget(btn) self.add_widget(btn)MyList = ('My'， 'first'， 'Progress'， 'Bar')自我。I = 0 self。pb = ProgressBar(max = len(self. mylist)， value = 0) self.add_widget(self.pb) def trigger(self， *args):I = 0 self。pb.value = 0 Clock.schedule_interval(self.heavyFunc,0.1) def heavyFunc(self, dt): sleep(0.5) print(self.MyList[self.i]) self.i += 1 self.pb.value +=1 if self.i >= len(self.MyList): Clock.unschedule(self.heavyFunc) print('unscheduled') class TestApp(App): def build(self): return MainMenu() root = TestApp() root.run()
           

输出:

当我们单击Start时，下面的进度条会出现在屏幕上。

Kivy布局

布局是平面设计中最重要的术语。它用来排列元素以获得更好的外观。

我们通常在Kivy中使用以下不同类型的布局。

1.GridLayout

GridLayout的目的是以矩形网格的形式排列组件。在GridLayout中，每个矩形网格的大小都是完全相同的。

要在Kivy中创建网格布局，首先，我们需要导入以下GridLayout模块-

实现网格布局:

            Import kivy #从kivy导入kivy。从kivy.uix.gridlayout导入GridLayout #导入GridLayout类Grid_LayoutApp(app): def build(self): layout = GridLayout(cols = 3) #定义列数布局。add_widget(Button(text = 'java')) #第一行布局。add_widget(Button(text = 'T'))布局。add_widget(Button(text = 'point'))布局。add_widget(Button(text = 'Python')) #第二行布局。add_widget(Button(text = '+'))布局。add_widget(Button(text = 'Kivy'))返回布局root = Grid_LayoutApp() root.run()
           

下面的截图显示了网格布局的输出。

2.BoxLayout

BoxLayout用于根据轴[沿x轴(水平)和沿y轴(垂直)]来排列组件。

要导入BoxLayout，我们需要使用下面的模块导入BoxLayout:

实现框布局:

            从kivy进口kivy。从kivy.uix.button导入按钮类Box_LayoutApp(app):superBox = BoxLayout(orientation='vertical') horizontalBox = BoxLayout(orientation='horizontal') button1 = Button(text = "Python") button2 = Button(text = "Pygame") horizontalBox.add_widget(button1) horizontalBox.add_widget(button2) verticalBox = BoxLayout(orientation='vertical') button3 = Button(text = "Jupyter") button4 = Button(text = "OpenGL") verticalBox.add_widget(button3) verticalBox.add_widget(button4) button1 = Button(text = "Kivy") horizontalBox.add_widget(button1)superBox.add_widget(horizontalBox) superBox.add_widget(verticalBox) return superBox root= Box_LayoutApp() root.run()
           

下面的截图显示了Box Layout的输出:

3.FloatLayout

FloatLayout用于根据当前窗口的大小(根据窗口的高度和宽度)放置元素。

FloatLayout包含pos_hint而且size_hint，这是它的子属性。

注意1:FloatLayout主要用于移动应用程序。

注2:默认情况下，所有小部件的size_hint为(1,1)。

要创建FloatLayout，我们需要导入下面的模块:

实现FloatLayout:

            从kivy进口kivy。Float_LayoutApp(app): def build(self): Layout = FloatLayout(size = (300,300)) btn = Button(text ='Kivy'， size_hint = (. size ='Kivy')3， .5)， background_color =(。6， .7， .7, 1)， pos_hint = {'x':。4、“y”:。3}) Layout.add_widget(btn)返回布局根=Float_LayoutApp() root.run()
           

下图显示了FloatLayout的输出:

4.AnchorLayout

锚定布局用于对齐边框的顶部、底部、左、右或中心。

使用以下参数初始化AnchorLayout:

anchor_x =(参数可以传递:"left"， "right"和"center")
anchor_y =(参数可以传递:"top"， "bottom"和"center")

我们可以使用以下模块实现锚点布局:

下面的代码用于创建AnchorLayout。

            从kivy进口kivy。从kivy.uix.boxlayout导入按钮类Anchor_LayoutDemo(app): def build(self):#主播1(主播x = Left，主播y = center) anchorLayout1 = AnchorLayout(主播x =' Left '，主播y =' center') button1 = Button(text ='Python'， size_hint = (0.4, 0.4)， background_color = (.6,1.0，.7,1)) anchorLayout1.add_widget(button1) #主播2(主播x =' center'，主播y =' top') anchorLayout2 = AnchorLayout(主播x =' center'，主播y =' top') button2 = Button(text =' Kivy'， size_hint = (0.2, 0.2)，background_color = (.6,1.0，.7,1)) anchorLayout2.add_widget(button2) # Anchor3 (anchor_x = right anchor_y = center) anchorLayout3 = AnchorLayout() anchorLayout3 = AnchorLayout(anchor_x = 'right'， anchor_y = 'center') button3 = Button(text = 'OpenGL'， size_hint = (0.4, 0.4)，background_color = (.6,1.0，.8,1)) anchorLayout3.add_widget(button3) boxLayout = boxLayout () # crete boxLayout #添加锚布局到盒子布局boxLayout.add_widget(anchorLayout1) boxLayout.add_widget(anchorLayout2) boxLayout.add_widget(anchorLayout3) return boxLayout root = Anchor_LayoutDemo() root.run()
           

输出:

5.StackLayout

StackLayout帮助我们垂直和水平排列按钮。在StackLayout中，所有按钮的大小并不是必须相同的，所以我们可以根据我们的要求来排列按钮。

要创建StackLayout，我们需要导入以下模块:

代码:

            从kivy导入kivy.require("1.9.1")。StackLayout类StackLayout_Demo(app): def build(self): SL = StackLayout(orientation ='lr-tb') #不同的方向['lr-tb'， 'tb-lr'， 'rl-tb'， 'tb-rl'， ' lt -bt'， 'bt-lr'， 'rl-bt'， 'bt-lr'] button1 =按钮(text ="1"， font_size = 18, size_hint =(。1， .1)) button2 = Button(text ="2"， font_size = 18, size_hint =(。1， .1)) button3 = Button(text ="3"， font_size = 18, size_hint =(。1， .1)) button4 = Button(text ="4"， font_size = 18, size_hint =(。1， .1)) button5 = Button(text ="5"， font_size = 18, size_hint =(。1， .1)) button6 = Button(text ="6"， font_size = 18, size_hint =(。1， .1)) button7 = Button(text ="7"， font_size = 18, size_hint =(。1， .1)) button8 = Button(text ="8"， font_size = 18, size_hint =(。1， .1)) button9 = Button(text ="9"， font_size = 18, size_hint =(。1， .1)) button0 = Button(text ="0"， font_size = 18, size_hint =(。1， .1)) button11 = Button(text ="11"， font_size = 18, size_hint =(。1， .1)) #添加小部件SL.add_widget(button1) SL.add_widget(button2) SL.add_widget(button3) SL.add_widget(button4) SL.add_widget(button5) SL.add_widget(button6) SL.add_widget(button7) SL.add_widget(button8) SL.add_widget(button9) SL.add_widget(button0)返回SL root = StackLayout_Demo() root.run()
           

StackLayout的输出如下所示:

用Kivy创建一个弹出窗口

弹出窗口是一种在屏幕上突然弹出的窗口。一般来说，当用户访问一个页面或关闭一个窗口时，会出现一个弹出窗口。

在Kivy中，我们使用下面的代码创建一个弹出窗口:

            从kivy进口kivy。从kivy.uix.label导入标签从kivy.uix.popup导入弹出窗口从kivy.uix.gridlayout导入GridLayout类Popup_Demo(app): def build(self): layout = GridLayout(cols = 1, padding = 10) self。button = button (text="点击这里查看弹出窗口"，size_hint = (0.8, 0.2)， pos_hint = {"x":0.1， "y":0.1}) layout.add_widget(self.button) self.button。bind(on_press = self.onButtonPress)返回layout def onButtonPress(self, button): layout = GridLayout(cols = 1, padding = 10) popupLabel = Label(text = "欢迎用户")closeButton = button (text = "关闭弹出窗口")layout.add_widget(popupLabel) layout.add_widget(closeButton) popup = popup (title = 'Demo popup '， content = layout) popup.open() closeButton。bind(on_press = pop .dismiss) root = Popup_Demo() root.run()
           

输出:

下面的截图显示了弹出窗口-的输出

当我们点击弹出窗口时，屏幕上会出现以下画面。

在Kivy中创建一个窗口中的标志

现在，我们将使用Kivy创建一个简单的登录页面。要在kivy中创建登录页面，我们需要创建以下两个文件-

.py文件-.py文件是一个用Python编写的脚本文件。它可以在任何文本编辑器中创建，但需要Python解释器才能运行。
.kv档案-.kv文件与HTML中的css文件相同。

注意:在这里，我们使用.kv文件来创建登录窗口。

. py文件

            从kivy进口kivy。从kivy.uix.boxlayout导入BoxLayout类SigninWindow(BoxLayout): def __init__(self， **kwargs): super().__init__(**kwargs) def validate_user(self): user = self.ids。Username_field PWD = self.ids。Pwd_field info = self.ids.info uname =用户。文本passwd = pwd。输入uname == "或passwd == ":text = '[color=#FF0000]需要输入用户名和密码[/color]'否则:if uname == 'admin' and passwd == 'admin': info。text = '[color=#00FF00]登录成功!![/color]' else: info。text = '[color=#FF0000]无效的用户名和密码[/color]'类SigninApp(App): def构建(self):返回SigninWindow() root = SigninApp() root.run()
           

.kv文件

            <FlatButton@ButtonBehavior+Label>: font_six: 16 <SigninWindow>: id: main_win orientation: "vertical" spacing: 10 space_x: self。画布大小[0]/ 3。前:颜色:rgba:(255, 255, 255, 255)矩形:大小:自我。大小pos: self。pos BoxLayout: size_hint_y: None高度:100画布。前:颜色:rgba:(128, 0,0,1)矩形:大小:自我。大小pos: self。pos标签:text:“Login Page”粗体:True size_hint_x: .9 FlatButton: text:“x”size_hint_x: .1 BoxLayout:方向:“垂直”填充:main_win. 0。space_x, 10 spacing: 20 size_hint_y: None height: 500 BoxLayout: orientation:“vertical”spacing: 10 size_hint_y: None height: 80 Label id: info text: " markup: True TextInput: id: username_field hint_text: "Username" multiline: False focus: True on_text_validate: pwd_field。focus= True size_hint_y: None height: 30 TextInput: id: pwd_field hint_text: "Password" multiline: False Password: True #for * pattern Password on_text_validate: root.validate_user() size_hint_y: None height: 30 Label: id: sp size_hint_y: None height: 20 Button: text: "Sign In" size_hint_y: None height: 40 background_color: (.06，.06，.06,1) background_normal: " on_release: root.validate_user() Label: id: sp2
           

当我们运行代码时，屏幕上会出现以下窗口。