「教程」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,即可免费获取。
- 上一篇:【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发三
- 已经是最后一篇了
相关推荐
- 「教程」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倍
-
在我们的工作当中,常常会遇到这样的工作场景,我们需要将一个汇总的工作表按照某列的字段拆分为多个工作表。按照惯例,我们还是通过实际的一个例子来给大家进行形象的讲解吧。下面为某学校高一年级的成绩汇总表,我...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML常用标签 (29)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)