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

「教程」5 分钟带你入门 kivy(新手kp教学)

myzbx 2025-05-03 15:41 38 浏览

原创: 星安果 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,即可免费获取。

相关推荐

如何设计一个优秀的电子商务产品详情页

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...

怎么在JS中使用Ajax进行异步请求?

大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...

中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革

前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...

前端监控 SDK 开发分享_前端监控系统 开源

一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...

Ajax 会被 fetch 取代吗?Axios 怎么办?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...

前端面试题《AJAX》_前端面试ajax考点汇总

1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...

Ajax 详细介绍_ajax

1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...

6款可替代dreamweaver的工具_替代powerdesigner的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊

接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...

福斯《死侍》发布新剧照 &quot;小贱贱&quot;韦德被改造前造型曝光

时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...

2021年超详细的java学习路线总结—纯干货分享

本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...

不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!

Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...

2025 年 Python 爬虫四大前沿技术:从异步到 AI

作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...

最贱超级英雄《死侍》来了!_死侍超燃

死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...

停止javascript的ajax请求,取消axios请求,取消reactfetch请求

一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...