百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

「教程」5 分钟带你入门 kivy

zhezhongyun 2025-05-28 21:41 4 浏览

原创: 星安果 AirPython

kivy 语言通过编写界面 UI,然后利用 Python 定义一些业务逻辑,可以移植很多功能模块到移动端直接执行。

下面对 kivy 常见用法做一个汇总。

1、什么是 kivy?

kivy 是一个开源跨平台的 Python UI 框架,就可以快速开发 PC、移动端的 GUI

kivy 基于 Python,采用 Python 和 CPython,界面代码和业务逻辑代码相互分离。

2、Hello World 怎么写?

在 pycharm 中编写 kivy 代码块前,需要在虚拟环境内安装 kivy 依赖库。

pip3 install kivy

然后,定义一个 kivy.app.py App 类的子类,重写 build 方法。

from kivy.app import App

class MyApp(App):
 def build(self):
 """
 实现父类的build()方法
 :return:
 """
 pass

接着新建一个控件实例,作为应用的根控件返回。

from kivy.uix.label import Label

def build(self):
 """
 把build()方法实现为返回一个控件实例(这个控件的实例也就是你整个应用的根控件)
 :return:
 """

 # 在这个方法里面使用了Label控件
 return Label(text="Hello World!")

# 运行 Hello World
MyApp().run()

最后,直接调用自定义类的 run() 方法,运行在 PC 端展示效果如下。

当然,也可以重命名文件名为:kvmain.py,然后利用 adb 命令拷贝到 /sdcard/kv/ 下,重新冷启动 airport 应用就可以在移动端上运行了。

3、创建应用的步骤

使用 kivy 创建 App 包含 3 个步骤,分别是:

  • 创建一个子类继承于 App 类
  • 重写 build() 方法,返回一个容器控件或者自定义的控件,这个应用作为整个应用的根控件。
  • 编写自定义控件的 UI 布局及业务逻辑
  • 创建自定义子类的实例,调用 run() 方法

4、怎么编写 UI 布局

编写 UI 布局常用 Builder.load_string() 方法,传入一段配置代码,生成控件树。

首先需要声明一个根控件类,可以使用 kivy 中定义的布局容器控件,也可以使用自定义的控件( 常用 )。

# 1.使用 kivy 定义的容器控件
BoxLayout:

# 2.使用自定义的容器控件
<CustomWidget>:

然后利用层级关系编写父控件、子控件,包含:id、text、高度和高度、对齐关系、颜色等属性。

TextInput:
 id:id_input_password
 padding: [20, 20, 20, 20]
 text_size: 500, None
 hint_text:'请输入密码'
 halign:'center'
 valign: 'middle'

最后,对于自定义控件中 绑定的各种事件需要定义回调方法进行处理掉。

# 定义点击事件,传入参数
on_press: root.login(id_input_username.text,id_input_password.text) 意的是,利用 adb shell am 命令打开应用的方式适用于部分不兼容自动化框架的 App。

5、中文乱码问题

默认布局属性中包含中文会显示乱码。

针对 PC 端,只需要把中文字体文件放到同级目录下,利用 font_name 属性指定字体即可显示正常。

如果是 App 端,需要利用 adb 命令,进入到 /system/fonts/ 下,寻找能显示中文的字体,然后利用 font_name 属性指定对应的字体,就能显示正常。

# 手机端 Miui-Bold.ttf 字体能显示中文正常
font_name:'/system/fonts/Miui-Bold.ttf' 

6、能不能来一个实例

下面以创建一个 登录界面 来说。

登录界面包含两个输入框,包含用户名和密码、一个登录按钮。

首先,我们创建一个类继承自 App,重写 build() 方法,返回一个自定义的控件。

然后编写自定义控件的布局。

Builder.load_string('''
<LoginWidget>: 
 orientation:'vertical'
 spacing:30
 padding:20
 canvas:
 Color:
 rgba: (1, 1, 1, 1)
 Rectangle:
 size: self.size
 pos: self.pos
 BoxLayout:
 size_hint_y: None
 height: '48dp'
 orientation:'horizontal'
 canvas:
 Color:
 rgba: (1, 1, 1, .5)
 Rectangle:
 size: self.size
 pos: self.pos
 Label:
 text_size: 300, None
 text:'用户名:'
 font_size:"15sp"
 font_name:'/system/fonts/Miui-Bold.ttf' 
 color: 1,0,0,1
 TextInput:
 text_size: 500, None
 border: 10, 10, 10, 10
 id:id_input_username
 hint_text:'请输入用户名'
 font_name:'/system/fonts/Miui-Bold.ttf' 
 padding: [20, 20, 20, 20]
 halign:'center'
 BoxLayout:
 size_hint_y: None
 height: '48dp'
 orientation:'horizontal'
 canvas:
 Color:
 rgba: (1, 1, 1, .5)
 Rectangle:
 size: self.size
 pos: self.pos
 Label:
 text_size: 300, None
 text:'密码:'
 font_name:'/system/fonts/Miui-Bold.ttf' 
 color: 1,0,0,1
 TextInput:
 id:id_input_password
 padding: [20, 20, 20, 20]
 text_size: 500, None
 hint_text:'请输入密码'
 font_name:'/system/fonts/Miui-Bold.ttf' 
 halign:'center'
 valign: 'middle' 
 Button:
 id:id_btn_login
 size_hint_y: None
 text_size: 100, 50
 border: (16, 16, 16, 16)
 font_name:'/system/fonts/Miui-Bold.ttf' 
 text:'登录'
 margin:100
 on_press: root.login(id_input_username.text,id_input_password.text) 

 Label:
 id:id_label_resut
 color: 1,0,0,1 
''') 

接着编写登录按钮的回调方法,拿到输入的用户名和密码,就能编写业务逻辑。

最后,将文件 push 到手机的 /sdcard/kv 目录下,重新运行 airport 就能展示一个登录页面。


最后,我自己是一名从事了多年开发的Python老程序员,辞职目前在做自己的Python私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的Python学习干货,可以送给每一位喜欢Python的小伙伴,想要获取的可以关注我的头条号并在后台私信我:01,即可免费获取。

相关推荐

「教程」5 分钟带你入门 kivy

原创:星安果AirPythonkivy语言通过编写界面UI,然后利用Python定义一些业务逻辑,可以移植很多功能模块到移动端直接执行。下面对kivy常见用法做一个汇总。1、什么是...

【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发三

目录1->绘制图形1.1->绘制基本几何图形1.2->绘制自定义几何图形2->添加动画效果2.1->animateTo实现闪屏动画2.2->...

Python设置excel表格格式,这3个属性6个模块,要表格好看

前言:通过前面两篇文章,我们用Python处理excel数据得到了结果并保存了文件。打开文件会发现,文件里表格是没有设置格式的,还需手动调整行高列宽等样式,很麻烦。其实,通过Python库模块,能轻松...

鸿蒙开发(三十三):Column

Column是一个沿垂直方向布局的容器。例如:@Entry@ComponentexportstructIndex{build(){Column(){Tex...

实战 | 如何制作数据报表并实现自动化?

本章给大家演示一下在实际工作中如何结合Pandas库和openpyxl库来自动化生成报表。假设我们现在有如图1所示的数据集。(图1)现在需要根据这份数据集来制作每天的日报情况,主要包含以下...

C# 给Word每一页设置不同图片水印

Word中设置水印时,可加载图片设置为水印效果,但通常添加水印效果时,会对所有页面都设置成统一效果,如果需要对每一页或者某个页面设置不同的水印效果,则可以参考本文中的方法。下面,将以C#代码为例,对W...

Inkscape 教程:创建棒球缝线效果

本教程将演示如何使用Inkscape中的PatternAlongPath路径效果来创建棒球上的缝线。基本原理是先创建一个代表单个缝线元素的图形(包括缝线本身和其下方的模拟孔洞),然后创建一...

ArkUI-Text/Span 详解

ArkUI-Text/Span详解@Entry@ComponentstructTextDemo{build(){Column({space:16}){Te...

【HarmonyOS Next之旅】兼容JS的类Web开发(五) -> Svg

目录1->基础知识1.1->创建Svg组件1.2->设置属性2->绘制图形3->绘制路径4->绘制文本4.1->文本4.2-&g...

Android常用布局总结之(LinearLayout、GridLayout等4种)

一、LinearLayout线性布局LinearLayout是一个视图组,用于使所有子视图在单个方向(垂直或水平)保持对齐。您可以使用android:orientation属性指定布局方向。a...

Excel vba常用语句

以下是常用的30个ExcelVBA语句:1.Range("A1").Value="HelloWorld"'将单元格A1的值设置为"Hello...

C#导出excel复杂表格(单元各合并)

一、效果展示二、代码实现引用dllusing Aspose.Cells;DataTable数据保存到Excel/// <summary>/// DataTa...

Excel-VBA代码,合并单元格

要求:合并第三列相同商品的单元格。vba合并单元格代码,代码运行如下。代码分享如下:Sub合并单元格()Dimi%'声明变量Application.DisplayAlerts=Fal...

MFC转QT:Qt高级特性 - 模型/视图架构

模型/视图架构概述Qt的模型/视图架构是一种设计模式实现,用于将数据存储与数据显示分离开来。这种设计与MFC的文档/视图架构有相似之处,但更加灵活和强大。它是Qt区别于MFC的最重要特性之一,能大幅提...

Excel单工作表拆分成多个工作表,掌握这个技能工作效率提升10倍

在我们的工作当中,常常会遇到这样的工作场景,我们需要将一个汇总的工作表按照某列的字段拆分为多个工作表。按照惯例,我们还是通过实际的一个例子来给大家进行形象的讲解吧。下面为某学校高一年级的成绩汇总表,我...