5 分钟带你入门 kivy

image

上篇 文章 利用 kivy 语言结合 Airport,一款包含 Python 解释器、Python 常用依赖库的应用,实现了移动端的人脸识别功能。

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 端展示效果如下。

image

当然,也可以重命名文件名为: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   
''')           

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

def login(self, username, pwd):

    if not username or not pwd:
        print('用户名和密码不能为空!')
        popup = Popup(title='Warning', content=Label(text='用户名和密码不能为空',font_name='/system/fonts/Miui-Bold.ttf'),
                          size_hint=(None, None),size=(600, 500),auto_dismiss=True)
        popup.open()
    else:
        resp = requests.get('https://www.baidu.com')

        # 登录成功
        if resp.status_code == 200:
             result = 'Login Success!'
        else:
             result = 'Login Failed!'

        self.tv_result.text = result

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

image

7、了解更多

更多复杂的功能可以参观官方 API,点击阅读原文获取。

本文首发于微信公众号「 AirPython」,关注公众号后,后台回复「 kivy」获取一份完整 kivy 中文编程指南文档。

推荐阅读
骚操作 | Python 实现在 App 端的人脸识别

聊聊 Airtest 自动化工具

Python 还你一块纯洁无暇的移动硬盘

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,406评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,732评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,711评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,380评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,432评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,301评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,145评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,008评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,443评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,649评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,795评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,501评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,119评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,731评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,865评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,899评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,724评论 2 354

推荐阅读更多精彩内容

  • 因为林依晨,我想去看下《兰陵王》这部剧。感觉大多数的电视剧都是正派跟反派的宫廷斗争。 兰陵王跟杨雪舞的情爱...
    V兔女孩阅读 211评论 0 2
  • 1 2016年,我只记得,我做了一件事——被关注。 我想了想,这一年来,我做的这么多,作的这么多,最终的目的只有—...
    洛邑春晓阅读 167评论 0 0
  • 满目晴峦树影移, 群林尽显苍翠枝。 一书一茶闲坐里, 竟把浮云看多时。
    李光东的诗意阅读 323评论 0 4
  • 厨房传来饭香 我知道 我很健康 不要 太懒 太累 太忘我 而忘记吃饭啊
    天野丢阅读 455评论 2 2
  • linux安装mysql8.0 查看是否有安装过mysql,是否有残留文件,有删除 官网下载mysql安装包,解压...
    进击的大东阅读 587评论 0 0