「教程」5 分钟带你入门 kivy
zhezhongyun 2025-05-28 21:41 52 浏览
原创: 星安果 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,即可免费获取。
相关推荐
- perl基础——循环控制_principle循环
-
在编程中,我们往往需要进行不同情况的判断,选择,重复操作。这些时候我们需要对简单语句来添加循环控制变量或者命令。if/unless我们需要在满足特定条件下再执行的语句,可以通过if/unle...
- CHAPTER 2 The Antechamber of M de Treville 第二章 特雷维尔先生的前厅
-
CHAPTER1TheThreePresentsofD'ArtagnantheElderCHAPTER2TheAntechamber...
- CHAPTER 5 The King'S Musketeers and the Cardinal'S Guards 第五章 国王的火枪手和红衣主教的卫士
-
CHAPTER3TheAudienceCHAPTER5TheKing'SMusketeersandtheCardinal'SGuard...
- CHAPTER 3 The Audience 第三章 接见
-
CHAPTER3TheAudienceCHAPTER3TheAudience第三章接见M.DeTrévillewasatt...
- 别搞印象流!数据说明谁才是外线防守第一人!
-
来源:Reddit译者:@assholeeric编辑:伯伦WhoarethebestperimeterdefendersintheNBA?Here'sagraphofStea...
- V-Day commemorations prove anti-China claims hollow
-
People'sLiberationArmyhonorguardstakepartinthemilitaryparademarkingthe80thanniversary...
- EasyPoi使用_easypoi api
-
EasyPoi的主要特点:1.设计精巧,使用简单2.接口丰富,扩展简单3.默认值多,writelessdomore4.springmvc支持,web导出可以简单明了使用1.easypoi...
- 关于Oracle数据库12c 新特性总结_oracle数据库12514
-
概述今天主要简单介绍一下Oracle12c的一些新特性,仅供参考。参考:http://docs.oracle.com/database/121/NEWFT/chapter12102.htm#NEWFT...
- 【开发者成长】JAVA 线上故障排查完整套路!
-
线上故障主要会包括CPU、磁盘、内存以及网络问题,而大多数故障可能会包含不止一个层面的问题,所以进行排查时候尽量四个方面依次排查一遍。同时例如jstack、jmap等工具也是不囿于一个方面的问题...
- 使用 Python 向多个地址发送电子邮件
-
在本文中,我们将演示如何使用Python编程语言向使用不同电子邮件地址的不同收件人发送电子邮件。具体来说,我们将向许多不同的人发送电子邮件。使用Python向多个地址发送电子邮件Python...
- 提高工作效率的--Linux常用命令,能够决解95%以上的问题
-
点击上方关注,第一时间接受干货转发,点赞,收藏,不如一次关注评论区第一条注意查看回复:Linux命令获取linux常用命令大全pdf+Linux命令行大全pdf为什么要学习Linux命令?1、因为Li...
- linux常用系统命令_linux操作系统常用命令
-
系统信息arch显示机器的处理器架构dmidecode-q显示硬件系统部件-(SMBIOS/DMI)hdparm-i/dev/hda罗列一个磁盘的架构特性hdparm-tT/dev/s...
- 小白入门必知必会-PostgreSQL-15.2源码编译安装
-
一PostgreSQL编译安装1.1下载源码包在PostgreSQL官方主页https://www.postgresql.org/ftp/source/下载区选择所需格式的源码包下载。cd/we...
- Linux操作系统之常用命令_linux系统常用命令详解
-
Linux操作系统一、常用命令1.系统(1)系统信息arch显示机器的处理器架构uname-m显示机器的处理器架构uname-r显示正在使用的内核版本dmidecode-q显示硬件系...
- linux网络命名空间简介_linux 网络相关命令
-
此篇会以例子的方式介绍下linux网络命名空间。此例中会创建两个networknamespace:nsa、nsb,一个网桥bridge0,nsa、nsb中添加网络设备veth,网络设备间...
- 一周热门
- 最近发表
-
- perl基础——循环控制_principle循环
- CHAPTER 2 The Antechamber of M de Treville 第二章 特雷维尔先生的前厅
- CHAPTER 5 The King'S Musketeers and the Cardinal'S Guards 第五章 国王的火枪手和红衣主教的卫士
- CHAPTER 3 The Audience 第三章 接见
- 别搞印象流!数据说明谁才是外线防守第一人!
- V-Day commemorations prove anti-China claims hollow
- EasyPoi使用_easypoi api
- 关于Oracle数据库12c 新特性总结_oracle数据库12514
- 【开发者成长】JAVA 线上故障排查完整套路!
- 使用 Python 向多个地址发送电子邮件
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- 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)
- opacity 属性 (32)
- transition 属性 (33)