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

「教程」5 分钟带你入门 kivy原创 星安果 AirPython kivy 语言通过编写界面 UI 然后利用 Python 定义一些业务逻辑 可以移植很多功能模块到移动端直接执行 下面对 kivy 常见用法做一个汇总 1 什么是 kivy

欢迎大家来到IT世界,在知识的湖畔探索吧!

原创: 星安果 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 

欢迎大家来到IT世界,在知识的湖畔探索吧!

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

欢迎大家来到IT世界,在知识的湖畔探索吧!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() 
「教程」5 分钟带你入门 kivy

欢迎大家来到IT世界,在知识的湖畔探索吧!

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

3、创建应用的步骤

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

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

4、怎么编写 UI 布局

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

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

欢迎大家来到IT世界,在知识的湖畔探索吧!# 1.使用 kivy 定义的容器控件 BoxLayout: # 2.使用自定义的容器控件 <CustomWidget>: 
TextInput: id:id_input_password padding: [20, 20, 20, 20] text_size: 500, None hint_text:'请输入密码' halign:'center' valign: 'middle' 
欢迎大家来到IT世界,在知识的湖畔探索吧!# 定义点击事件,传入参数 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() 方法,返回一个自定义的控件。

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

欢迎大家来到IT世界,在知识的湖畔探索吧!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 就能展示一个登录页面。

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

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

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/111766.html

(0)
上一篇 2天前
下一篇 2天前

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信