鱼C论坛

 找回密码
 立即注册
查看: 15823|回复: 36

[技术交流] [Python Programming for Android/IOS] Kivy简明教程

[复制链接]
发表于 2018-2-27 20:30:42 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 jerryxjr1220 于 2018-3-1 13:38 编辑

随着互联网移动平台的兴起,越来越多的程序都逐渐转向移动端app。作为Python开发者,当然也毫不例外地投身移动app的大潮中。

作为Python中Android/IOS开发的利器,Kivy以其Google官方语言及其跨平台的优势,很快占据了Python Programming for Android/IOS的核心地位。

下面就借这篇帖子,普及一下在Python中用Kivy开发移动端App的基本知识。

Kivy总体思想是:kv代码管界面,python代码管逻辑。

在开始教程之前,推荐有英语能力的同学看一下kivy的原版使用说明,这样对于许多我解释不到位的问题都可以在里面找到答案。
下载后请改名xxx.7z.001和xxx.7z.002,然后解压缩:
kivy使用手册(原版).001.zip (2 MB, 下载次数: 122, 售价: 2 鱼币)
kivy使用手册(原版).002.zip (1.95 MB, 下载次数: 87, 售价: 2 鱼币)

第一篇:Kivy的安装

1. 最简单且有效的安装方式当然是用pip
  1. pip install kivy
复制代码

如果在python环境下运行“impot kivy”,显示:
  1. import kivy
  2. [INFO   ] [Logger      ] Record log in C:\Users\Administrator\.kivy\logs\kivy_18-02-27_10.txt
  3. [INFO   ] [Kivy        ] v1.10.0
  4. [INFO   ] [Python      ] v3.6.4 (v3.6.4:d48eceb, Dec 19 2017, 06:04:45) [MSC v.1900 32 bit (Intel)]
复制代码

那么恭喜你,你的kivy已经成功被导入了。

2. 但是,还别高兴太早。
kivy在创建窗口的时候还需要导入依赖库,如果缺少的话,会提示“unable to get a window,abort”.
这时候,你就需要pip另外2个依赖库:
  1. pip install kivy.deps.sdl2
  2. pip install docutils pygments pypiwin32 kivy.deps.sdl2 kivy.deps.glew
复制代码

如果运行下列代码不报错并且成功显示黑窗口的话,那么才是真正完成了kivy的安装。
  1. from kivy.app import App
  2. class TestApp(App):
  3.     def build(self):
  4.         return
  5. TestApp().run()
复制代码

上面这段代码是最简单的kivy程序,几行代码就构建了一个kivy窗体框架。可以按F1查看窗体配置。

评分

参与人数 6荣誉 +23 鱼币 +23 贡献 +26 收起 理由
小伤口 + 2 + 2 感谢楼主无私奉献!
一个账号 + 1 + 1 鱼C有你更精彩^_^
zltzlt + 10
linglong974 + 5 + 5 + 3 感谢楼主无私奉献!
JAY饭 + 5 + 5 + 3 感谢楼主无私奉献!
小甲鱼 + 10 + 10 + 10 热爱鱼C^_^

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2018-2-27 20:41:39 | 显示全部楼层
第二篇:Kivy app的“Hello World”

凡是计算机编程语音,最基础的第一个小程序一般都是“Hello World”,Kivy也不例外,我们就称作“Hello Kivy”吧。

  1. from kivy.app import App
  2. from kivy.uix.label import Label #导入标签类

  3. class TestApp(App):
  4.     def build(self):
  5.         return Label(text='Hello Kivy!') #创建并返回标签,定义标签文本“Hello Kivy!”
  6.    
  7. TestApp().run()
复制代码


运行这个程序,这时,你应该可以在屏幕中间看到“Hello Kivy!”的字样。你的第一个kivy程序已经完成了,是不是很简单?

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-27 20:53:32 | 显示全部楼层
本帖最后由 jerryxjr1220 于 2018-2-27 21:05 编辑

第三篇:Kivy的布局,添加更多控件

单调的“Hello Kivy”是不是看不出任何特点?

Kivy之所以那么强大,就是因为它对于移动端多点触控的良好支持。

那么在上次程序的基础上,让我们加点酷炫的特效上去吧。

  1. from kivy.app import App
  2. from kivy.uix.label import Label
  3. from kivy.uix.floatlayout import FloatLayout #导入浮动布局
  4. from kivy.uix.scatter import Scatter #导入缩放功能

  5. class TestApp(App):
  6.     def build(self):
  7.         l = Label(text='Hello Kivy!', font_size = 50)
  8.         f = FloatLayout()
  9.         s = Scatter()
  10.         
  11.         f.add_widget(s) #布局上加载缩放功能
  12.         s.add_widget(l) #缩放控件上加载标签控件
  13.         
  14.         return f
  15.    
  16. TestApp().run()
复制代码


这样运行app后,就可以拖动文字,并且按下鼠标右键,可以模拟多点触控进行缩放哦。
kivy.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-27 21:29:57 | 显示全部楼层
本帖最后由 jerryxjr1220 于 2018-2-27 23:18 编辑

第四篇:编译kivy程序

这部分可以参考buildozer:(目前仅支持Lunix和Mac OS系统,暂不支持Windows)

http://buildozer.readthedocs.io/en/latest/

用pip install buildozer也可以很方便的安装。

我着重讲解Kivy的编程,这部分就略过了。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-28 00:16:50 | 显示全部楼层
第五篇:kivy language

kivy有自己的一套编程语言,当然其可以完美融入python程序中。

如何做到这一点呢?我们就那上文的程序做例子,用kivy语言改进一下。

首先,我们新建一个kv文件,文件名必须与程序名“xxxApp”中的“xxx”相同,在上例中就是Test.kv文件。
  1. <MyFloatLayout>:
  2.     FloatLayout:
  3.         Scatter:
  4.             Label:
  5.                 text: 'Hello Kivy!'
  6.                 font_size: 50
复制代码

kv文件的逻辑很简单,第一行<>中的内容就是我们自定义的类名。

后面依次为不同层次的布局及属性,若同级则相同缩进,若下级则增加缩进。

同时,在原来的py文件中,做相应的修改。
  1. from kivy.app import App
  2. from kivy.uix.label import Label #导入相应控件,不能缺少
  3. from kivy.uix.floatlayout import FloatLayout
  4. from kivy.uix.scatter import Scatter

  5. class MyFloatLayout(FloatLayout): #必须在py文件中定义kv文件中的类,内容可以不写,用pass省略。
  6.     pass

  7. class TestApp(App):
  8.     def build(self):
  9.         return MyFloatLayout() #直接返回kv文件中定义的类

  10. if __name__ == '__main__':
  11.     TestApp().run()
复制代码


整个程序运行的效果和上例是一模一样的,只是这里我们使用了kivy语言来写,逻辑上来看更直观一些。

更简略的写法,我们可以把kv文件直接写在py文件中,并用kivy.lang中的Builder的load_string函数加载进来。
  1. from kivy.app import App
  2. from kivy.uix.label import Label
  3. from kivy.uix.floatlayout import FloatLayout
  4. from kivy.uix.scatter import Scatter
  5. from kivy.lang import Builder

  6. Builder.load_string('''
  7. <MyFloatLayout>:
  8.     FloatLayout:
  9.         Scatter:
  10.             Label:
  11.                 text: 'Hello Kivy!'
  12.                 font_size: 50
  13. ''')

  14. class MyFloatLayout(FloatLayout):
  15.     pass

  16. class TestApp(App):
  17.     def build(self):
  18.         return MyFloatLayout()

  19. if __name__ == '__main__':
  20.     TestApp().run()
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-28 00:29:33 | 显示全部楼层
本帖最后由 jerryxjr1220 于 2018-3-1 16:18 编辑

第六篇:kivy的属性

在这篇中,我们创建一个更复杂的程序,并介绍一下如何在kivy中调用各种控件。

看代码:
  1. from kivy.app import App
  2. from kivy.uix.scatter import Scatter
  3. from kivy.uix.label import Label
  4. from kivy.uix.floatlayout import FloatLayout
  5. from kivy.uix.textinput import TextInput #导入文本输入框
  6. from kivy.uix.boxlayout import BoxLayout #导入盒子布局
  7. from kivy.lang import Builder

  8. Builder.load_string('''
  9. <ScatterTextWidget>:
  10.     orientation: 'vertical' #定义了布局方向,垂直布局
  11.     TextInput:
  12.         id: my_textinput #设定id为my_textinput,方便后续调用
  13.         font_size:150
  14.         size_hint_y: None
  15.         height: 200
  16.         text: 'default' #文本内容
  17.     FloatLayout:
  18.         Scatter:
  19.             Label:
  20.                 text: my_textinput.text #直接调用my_textinput的text属性
  21.                 font_size: 150
  22.     BoxLayout:
  23.         orientation: 'horizontal'
  24.         size_hint_y: None
  25.         height: 150
  26.         Label:
  27.             text: my_textinput.text[:3][::-1] #可以对my_textinput的text切片操作,完全符合python语法规则
  28.             font_size: 100
  29.         Label:
  30.             text: my_textinput.text[-3:][::-1]
  31.             font_size: 100
  32. ''')
  33. class ScatterTextWidget(BoxLayout):
  34.     pass

  35. class TutorialApp(App):
  36.     def build(self):
  37.         return ScatterTextWidget()

  38. TutorialApp().run()
复制代码


下面,我们来为这个程序增加一些功能,比如在输入文本时改变Label的颜色。
  1. from kivy.app import App
  2. from kivy.uix.scatter import Scatter
  3. from kivy.uix.label import Label
  4. from kivy.uix.floatlayout import FloatLayout
  5. from kivy.uix.textinput import TextInput
  6. from kivy.uix.boxlayout import BoxLayout
  7. from kivy.lang import Builder
  8. import random

  9. Builder.load_string('''
  10. <ScatterTextWidget>:
  11.     orientation: 'vertical'
  12.     TextInput:
  13.         id: my_textinput
  14.         font_size:150
  15.         size_hint_y: None
  16.         height: 200
  17.         text: 'default'
  18.     FloatLayout:
  19.         Scatter:
  20.             Label:
  21.                 id: my_label #设定Label的名称
  22.                 text: my_textinput.text
  23.                 font_size: 150
  24.                 on_text: root.color_change() #当文本变化时,调用函数。root表示最上层的类,本例中就是指ScatterTextWidget类。
  25.     BoxLayout:
  26.         orientation: 'horizontal'
  27.         size_hint_y: None
  28.         height: 150
  29.         Label:
  30.             text: my_textinput.text[:3][::-1]
  31.             font_size: 100
  32.         Label:
  33.             text: my_textinput.text[-3:][::-1]
  34.             font_size: 100
  35. ''')

  36. class ScatterTextWidget(BoxLayout):
  37.     def color_change(self): #定义函数
  38.         label = self.ids['my_label'] #根据id找到label
  39.         label.color = [random.random() for _ in range(3)] + [1]

  40. class TutorialApp(App):
  41.     def build(self):
  42.         return ScatterTextWidget()

  43. TutorialApp().run()
复制代码

无标题.png

对于布局以及各种控件的调用,kivy的样例程序提供了一个很好的demo。
kivycatalog.zip (15.35 KB, 下载次数: 8, 售价: 2 鱼币)
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-2-28 03:05:47 | 显示全部楼层
Hello Kivy
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 3 反对 0

使用道具 举报

发表于 2018-2-28 10:09:54 | 显示全部楼层
本帖最后由 JAY饭 于 2018-2-28 10:54 编辑

不支持windows吗...
我在命令行中输入下面这个却始终提示找不到对应的东西,其余的安装都可以,而且,我查了一下,我以下的模块之前都有安装
pypiwin32 , kivy.deps.sdl2, kivy.deps.glew都提示已经在安装目录
不懂这个python -m的意思
python -m pip install docutils pygments pypiwin32 kivy.deps.sdl2 kivy.deps.glew

然后执行hello world,答应出来的是,无法创建窗口,程序终止
No window is created. Terminating application run.
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-2-28 11:07:25 | 显示全部楼层
已经解决了,你写的第一个测试程序好像是因为没有返回项,所以创建不了窗口,而下面的代码都能创建
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-28 15:10:44 | 显示全部楼层
JAY饭 发表于 2018-2-28 11:07
已经解决了,你写的第一个测试程序好像是因为没有返回项,所以创建不了窗口,而下面的代码都能创建

第一个程序没有创建任何控件,只是测试一下安装kivy是否成功,如果不报错就是安装成功了。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-2-28 16:55:24 | 显示全部楼层
jerryxjr1220 发表于 2018-2-28 15:10
第一个程序没有创建任何控件,只是测试一下安装kivy是否成功,如果不报错就是安装成功了。

。。。那说明我还是没安装成功
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-2-28 23:36:29 | 显示全部楼层
继续
第七篇:kivy画板控件

和其他GUI开发程序一样,kivy也有自己的画板控件。

首先,让我们导入画图的几种形状,比如矩形、椭圆、直线等,再导入画板颜色控件。
  1. from kivy.app import App
  2. from kivy.uix.scatter import Scatter
  3. from kivy.uix.label import Label
  4. from kivy.uix.floatlayout import FloatLayout
  5. from kivy.uix.textinput import TextInput
  6. from kivy.uix.boxlayout import BoxLayout
  7. from kivy.graphics.vertex_instructions import Rectangle, Ellipse, Line #导入矩形、椭圆、直线
  8. from kivy.graphics.context_instructions import Color #导入颜色控件
  9. from kivy.lang import Builder
  10. import random

  11. Builder.load_string('''
  12. <ScatterTextWidget>:
  13.     orientation: 'vertical'
  14.     canvas: #创建画板
  15.         Color:
  16.             rgba: 0,0,1,1 #设置rgba色值
  17.         Ellipse: #椭圆
  18.             pos: 0, 400
  19.             size: 200, 100
  20.         Line: #直线段
  21.             points: [0,0,500,600,400,300]
  22.             close: True #直线闭合
  23.             width: 3 #线条宽度
  24.     TextInput:
  25.         id: my_textinput
  26.         font_size:150
  27.         size_hint_y: None
  28.         height: 200
  29.         text: 'default'
  30.     FloatLayout:
  31.         Scatter:
  32.             Label:
  33.                 id: my_label
  34.                 text: my_textinput.text
  35.                 font_size: 150
  36.                 on_text: root.color_change()
  37.     BoxLayout:
  38.         orientation: 'horizontal'
  39.         size_hint_y: None
  40.         height: 150
  41.         Label:
  42.             text: my_textinput.text[:3][::-1]
  43.             font_size: 100
  44.         Label:
  45.             text: my_textinput.text[-3:][::-1]
  46.             font_size: 100
  47. ''')
  48. class ScatterTextWidget(BoxLayout):
  49.     def color_change(self):
  50.         label = self.ids['my_label']
  51.         label.color = [random.random() for _ in range(3)] + [1]

  52. class TutorialApp(App):
  53.     def build(self):
  54.         return ScatterTextWidget()

  55. TutorialApp().run()
复制代码

无标题2.png

同样,也可以画矩形。
无标题.png

还可以把矩形的位置设置成控件大小,这样就等于是全屏显示了,哪怕拖动界面都可以自动放缩。
  1. from kivy.app import App
  2. from kivy.uix.scatter import Scatter
  3. from kivy.uix.label import Label
  4. from kivy.uix.floatlayout import FloatLayout
  5. from kivy.uix.textinput import TextInput
  6. from kivy.uix.boxlayout import BoxLayout
  7. from kivy.graphics.vertex_instructions import Rectangle, Ellipse, Line
  8. from kivy.graphics.context_instructions import Color
  9. from kivy.lang import Builder
  10. import random

  11. Builder.load_string('''
  12. <ScatterTextWidget>:
  13.     orientation: 'vertical'
  14.     canvas:
  15.         Color:
  16.             rgba: 0,0,1,1
  17.         Rectangle:
  18.             pos: self.pos
  19.             size: self.size
  20.     TextInput:
  21.         id: my_textinput
  22.         font_size:150
  23.         size_hint_y: None
  24.         height: 200
  25.         text: 'default'
  26.     FloatLayout:
  27.         Scatter:
  28.             Label:
  29.                 id: my_label
  30.                 text: my_textinput.text
  31.                 font_size: 150
  32.                 on_text: root.color_change()
  33.     BoxLayout:
  34.         orientation: 'horizontal'
  35.         size_hint_y: None
  36.         height: 150
  37.         Label:
  38.             text: my_textinput.text[:3][::-1]
  39.             font_size: 100
  40.         Label:
  41.             text: my_textinput.text[-3:][::-1]
  42.             font_size: 100
  43. ''')
  44. class ScatterTextWidget(BoxLayout):
  45.     def color_change(self):
  46.         label = self.ids['my_label']
  47.         label.color = [random.random() for _ in range(3)] + [1]

  48. class TutorialApp(App):
  49.     def build(self):
  50.         return ScatterTextWidget()

  51. TutorialApp().run()
复制代码

无标题1.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-3-1 20:56:01 | 显示全部楼层
第八篇:用kivy编写倒计时小程序

现在我们已经掌握了足够多的控件知识了,让我们来编写一个倒计时小程序吧。

界面很简单:
无标题.png
这里,我们引入了一个新的kivy控件Clock时钟控件,通过clock.schedule_once函数可以按时调用callback函数。

另外,slider是滑块控件,可以设置最大、最小值和当前值。

其他应该都很容易理解了,几十行的代码量,就可以编译成一款app在手机上直接执行,很酷吧?

看源代码吧。
  1. from kivy.app import App
  2. from kivy.uix.label import Label
  3. from kivy.uix.button import Button
  4. from kivy.uix.boxlayout import BoxLayout
  5. from kivy.uix.slider import Slider
  6. from kivy.graphics import Color
  7. from kivy.graphics.vertex_instructions import Rectangle
  8. from kivy.clock import Clock
  9. from kivy.lang import Builder

  10. import time

  11. class MyCalculater(BoxLayout):        
  12.     def start(self):
  13.         global stime, dtime
  14.         stime = time.time()
  15.         dtime = self.ids['time_slider'].value
  16.         self.on_update()
  17.         
  18.     def callback(self,*argv):
  19.         global stime, dtime
  20.         if stime+dtime < time.time():
  21.             self.ids['time_slider'].value = 0
  22.             self.ids['time_counter'].text = '00:00.00'
  23.             Clock.unschedule(self.callback)
  24.             return False
  25.         self.ids['time_slider'].value = dtime+stime-time.time()
  26.         self.on_update()
  27.    
  28.     def on_update(self):
  29.         Clock.schedule_once(self.callback,0.2)

  30. class MyClockApp(App):
  31.     def build(self):
  32.         return MyCalculater()
  33.    
  34. stime = 0
  35. dtime = 0

  36. Builder.load_string('''
  37. <MyCalculater>:
  38.     BoxLayout:
  39.         orientation: 'vertical'
  40.         Label:
  41.             canvas.before:
  42.                 Color:
  43.                     rgb: 0,0,1
  44.                 Rectangle:
  45.                     pos: self.pos
  46.                     size: self.size
  47.             id: time_counter
  48.             text: '00:00.00'
  49.             font_size: 50
  50.         Slider:
  51.             id: time_slider
  52.             min: 0
  53.             max: 90
  54.             value: 0
  55.             on_value: time_counter.text = '%02d:%02d.%02d' % (time_slider.value//60, int(time_slider.value%60), int(time_slider.value%1*100))
  56.         Button:
  57.             text: 'Start!'
  58.             on_press: root.start()
  59.             
  60. ''')

  61. if __name__ == '__main__':
  62.     MyClockApp().run()
复制代码

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-3-2 13:04:59 | 显示全部楼层
第九篇:用kivy编写碰撞球小游戏

上一篇中,我们用kivy编写了一个倒计时的小程序。今天我们再增加一点难度,用kivy编写一个碰撞球小游戏,这个小游戏的原理与@小甲鱼的打飞机小游戏原理差不多,都是调用碰撞检查,然后改变位置。

看一下最终的游戏界面:
Untitled.png
它可以编译成apk在手机安装,并支持双人对战(多点触控)

第一步,我们先来创建程序。
  1. # -*- coding: utf-8 -*-
  2. from random import randint
  3. from kivy.app import App
  4. from kivy.uix.widget import Widget
  5. from kivy.lang import Builder
  6. from kivy.vector import Vector
  7. from kivy.clock import Clock
  8. from kivy.properties import NumericProperty, ReferenceListProperty, ObjectProperty #导入kivy属性

  9. Builder.load_string('''
  10. <PongGame>:
  11.         ball: pong_ball #通过id引用PongBall对象
  12.         canvas:
  13.                 Rectangle:
  14.                         pos: self.center_x - 5, 0
  15.                         size: 10, self.height
  16.         Label:
  17.                 font_size: 70
  18.                 center_x: root.width / 4
  19.                 top: root.top - 50
  20.                 text: '0'

  21.         Label:
  22.                 font_size: 70
  23.                 center_x: root.width * 3 / 4
  24.                 top: root.top - 50
  25.                 text: '0'

  26.         PongBall:
  27.                 id: pong_ball
  28.                 center: self.parent.center

  29. <PongBall>:
  30.         size: 50, 50
  31.         canvas:
  32.                 Ellipse:
  33.                         pos: self.pos
  34.                         size: self.size
  35. ''')

  36. class PongGame(Widget):
  37.         ball = ObjectProperty(None) #声明ball是Object对象,这点与通常的python动态语言不同,通常python语言是不需要声明的。
  38.         def update(self, dt):
  39.                 self.ball.move()
  40.                 if self.ball.y<0 or self.ball.top>self.height: #纵向碰壁反弹
  41.                         self.ball.velocity_y *= -1
  42.                 if self.ball.x<0 or self.ball.right>self.width: #横向碰壁反弹
  43.                         self.ball.velocity_x *= -1

  44.         def serve_ball(self): #发球
  45.                 self.ball.center = self.center
  46.                 self.ball.velocity = Vector(4,0).rotate(randint(0,360)) #矢量合成并旋转任意角度

  47. class PongBall(Widget):
  48.         velocity_x = NumericProperty(0)
  49.         velocity_y = NumericProperty(0)

  50.         velocity = ReferenceListProperty(velocity_x,velocity_y)

  51.         def move(self):
  52.                 self.pos = Vector(*self.velocity) + self.pos #位置更新

  53. class PongApp(App):
  54.         def build(self):
  55.                 game = PongGame()
  56.                 game.serve_ball()
  57.                 Clock.schedule_interval(game.update, 1.0/60.0)
  58.                 return game

  59. if __name__ == '__main__':
  60.         PongApp().run()
复制代码

如果运行上述程序,我们已经可以看到有一个碰撞球在屏幕上来回滚动了。具体说明见注释。

第二步,为程序添加控制功能。
  1. # -*- coding: utf-8 -*-
  2. from random import randint
  3. from kivy.app import App
  4. from kivy.uix.widget import Widget
  5. from kivy.lang import Builder
  6. from kivy.vector import Vector
  7. from kivy.clock import Clock
  8. from kivy.properties import NumericProperty, ReferenceListProperty, ObjectProperty #导入kivy属性

  9. Builder.load_string('''
  10. <PongGame>:
  11.         ball: pong_ball
  12.         player1: player_left #设定玩家1
  13.         player2: player_right #设定玩家2
  14.         canvas:
  15.                 Rectangle:
  16.                         pos: self.center_x - 5, 0
  17.                         size: 10, self.height
  18.         Label:
  19.                 font_size: 70
  20.                 center_x: root.width / 4
  21.                 top: root.top - 50
  22.                 text: str(root.player1.score)

  23.         Label:
  24.                 font_size: 70
  25.                 center_x: root.width * 3 / 4
  26.                 top: root.top - 50
  27.                 text: str(root.player2.score)

  28.         PongBall:
  29.                 id: pong_ball
  30.                 center: self.parent.center

  31.         PongPaddle:
  32.                 id: player_left
  33.                 x: root.x
  34.                 center_y: root.center_y

  35.         PongPaddle:
  36.                 id: player_right
  37.                 x: root.width - self.width
  38.                 center_y: root.center_y

  39. <PongBall>:
  40.         size: 50, 50
  41.         canvas:
  42.                 Ellipse:
  43.                         pos: self.pos
  44.                         size: self.size

  45. <PongPaddle>:
  46.         size: 25, 200
  47.         canvas:
  48.                 Rectangle:
  49.                         pos: self.pos
  50.                         size: self.size
  51. ''')

  52. class PongGame(Widget):
  53.         ball = ObjectProperty(None) #声明ball是Object对象,这点与通常的python动态语言不同,通常python语言是不需要声明的。
  54.         def update(self, dt):
  55.                 self.ball.move()

  56.                 self.player1.bounce_ball(self.ball)
  57.                 self.player2.bounce_ball(self.ball)

  58.                 if self.ball.y<0 or self.ball.top>self.height: #纵向碰壁反弹
  59.                         self.ball.velocity_y *= -1

  60.                 if self.ball.x<self.x:
  61.                         self.player2.score += 1
  62.                         self.serve_ball(vel=Vector((4,0)))
  63.                 if self.ball.x>self.width:
  64.                         self.player1.score += 1
  65.                         self.serve_ball(vel=Vector((-4,0)))

  66.         def on_touch_move(self, touch): #设定滑动碰撞杆时的动作
  67.                 if touch.x < self.width / 3:
  68.                         self.player1.center_y = touch.y
  69.                 if touch.x > self.width * 2 / 3:
  70.                         self.player2.center_y = touch.y

  71.         def serve_ball(self, vel=Vector((4,0))): #发球
  72.                 self.ball.center = self.center
  73.                 self.ball.velocity = vel.rotate(randint(0,360)) #矢量合成并旋转任意角度

  74. class PongBall(Widget):
  75.         velocity_x = NumericProperty(0)
  76.         velocity_y = NumericProperty(0)

  77.         velocity = ReferenceListProperty(velocity_x,velocity_y)

  78.         def move(self):
  79.                 self.pos = Vector(*self.velocity) + self.pos #位置更新

  80. class PongPaddle(Widget):
  81.         score = NumericProperty(0)
  82.         def bounce_ball(self, ball):
  83.                 if self.collide_widget(ball): #碰撞判断
  84.                         speedup = 1.1
  85.                         vx, vy = ball.velocity
  86.                         offset = (ball.center_y-self.center_y) / (self.height / 2)
  87.                         bounced = Vector(-1*vx,vy) #Vector是kivy的一个矢量支持类,可以对矢量进行计算和旋转。
  88.                         vel = bounced * speedup
  89.                         ball.velocity = vel.x, vel.y+offset

  90. class PongApp(App):
  91.         def build(self):
  92.                 game = PongGame()
  93.                 game.serve_ball()
  94.                 Clock.schedule_interval(game.update, 1.0/60.0)
  95.                 return game

  96. if __name__ == '__main__':
  97.         PongApp().run()
复制代码

再次运行程序,这样一个碰撞球小游戏已经可以正常运行了,拖动或点击左右两侧的滑杆可以控制滑杆的移动。

最后,我们再对这个小程序进行优化,添加背景图像、改变图形颜色和字体颜色等。
最终代码:
  1. # -*- coding: utf-8 -*-
  2. from random import randint
  3. from kivy.app import App
  4. from kivy.uix.widget import Widget
  5. from kivy.lang import Builder
  6. from kivy.vector import Vector
  7. from kivy.clock import Clock
  8. from kivy.properties import NumericProperty, ReferenceListProperty, ObjectProperty #导入kivy属性
  9. from kivy.uix.image import Image
  10. from kivy.graphics import Color

  11. Builder.load_string('''
  12. <PongGame>:
  13.         ball: pong_ball #通过id引用PongBall对象
  14.         player1: player_left
  15.         player2: player_right
  16.         canvas.before:
  17.                 BorderImage:
  18.                         source: 'images.jpg'
  19.                         pos: self.pos
  20.                         size: self.size
  21.         canvas.after:
  22.                 Color:
  23.                         rgba: 1,1,1,1
  24.                 Rectangle:
  25.                         pos: self.center_x - 5, 0
  26.                         size: 10, self.height       
  27.         Label:
  28.                 font_size: 70
  29.                 color: 1,0,0,1
  30.                 center_x: root.width / 4
  31.                 top: root.top - 50
  32.                 text: str(root.player1.score)

  33.         Label:
  34.                 font_size: 70
  35.                 color: 1,0,0,1
  36.                 center_x: root.width * 3 / 4
  37.                 top: root.top - 50
  38.                 text: str(root.player2.score)

  39.         PongBall:
  40.                 id: pong_ball
  41.                 center: self.parent.center

  42.         PongPaddle:
  43.                 id: player_left
  44.                 x: root.x
  45.                 center_y: root.center_y

  46.         PongPaddle:
  47.                 id: player_right
  48.                 x: root.width - self.width
  49.                 center_y: root.center_y

  50. <PongBall>:
  51.         size: 50, 50
  52.         canvas:
  53.                 Color:
  54.                         rgba: 0,0,1,1
  55.                 Ellipse:
  56.                         pos: self.pos
  57.                         size: self.size

  58. <PongPaddle>:
  59.         size: 25, 200
  60.         canvas:
  61.                 Color:
  62.                         rgba: 1,1,0,1
  63.                 Rectangle:
  64.                         pos: self.pos
  65.                         size: self.size
  66. ''')

  67. class PongGame(Widget):
  68.         ball = ObjectProperty(None) #声明ball是Object对象,这点与通常的python动态语言不同,通常python语言是不需要声明的。
  69.         def update(self, dt):
  70.                 self.ball.move()

  71.                 self.player1.bounce_ball(self.ball)
  72.                 self.player2.bounce_ball(self.ball)

  73.                 if self.ball.y<0 or self.ball.top>self.height: #纵向碰壁反弹
  74.                         self.ball.velocity_y *= -1

  75.                 if self.ball.x<self.x:
  76.                         self.player2.score += 1
  77.                         self.serve_ball(vel=Vector((4,0)))
  78.                 if self.ball.x>self.width:
  79.                         self.player1.score += 1
  80.                         self.serve_ball(vel=Vector((-4,0)))

  81.         def on_touch_move(self, touch):
  82.                 if touch.x < self.width / 3:
  83.                         self.player1.center_y = touch.y
  84.                 if touch.x > self.width * 2 / 3:
  85.                         self.player2.center_y = touch.y

  86.         def serve_ball(self, vel=Vector((4,0))): #发球
  87.                 self.ball.center = self.center
  88.                 self.ball.velocity = vel.rotate(randint(0,360)) #矢量合成并旋转任意角度

  89. class PongBall(Widget):
  90.         velocity_x = NumericProperty(0)
  91.         velocity_y = NumericProperty(0)

  92.         velocity = ReferenceListProperty(velocity_x,velocity_y)

  93.         def move(self):
  94.                 self.pos = Vector(*self.velocity) + self.pos #位置更新

  95. class PongPaddle(Widget):
  96.         score = NumericProperty(0)
  97.         def bounce_ball(self, ball):
  98.                 if self.collide_widget(ball):
  99.                         speedup = 1.1
  100.                         vx, vy = ball.velocity
  101.                         offset = (ball.center_y-self.center_y) / (self.height / 2)
  102.                         bounced = Vector(-1*vx,vy)
  103.                         vel = bounced * speedup
  104.                         ball.velocity = Vector(vel.x, vel.y+offset).rotate(randint(-90,90))

  105. class PongApp(App):
  106.         def build(self):
  107.                 game = PongGame()
  108.                 game.serve_ball()
  109.                 Clock.schedule_interval(game.update, 1.0/60.0)
  110.                 return game

  111. if __name__ == '__main__':
  112.         PongApp().run()
复制代码

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-5 19:38:22 | 显示全部楼层
不错,多谢分享......
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-5 19:45:40 | 显示全部楼层
实话说还是只有论坛里的写这样的教程才最接地气, 人性化,
学起来轻松..
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2018-3-5 20:09:35 | 显示全部楼层
LargeCat 发表于 2018-3-5 19:45
实话说还是只有论坛里的写这样的教程才最接地气, 人性化,
学起来轻松..

可惜真正想学习的人还是少数,多数人只是觉得游戏好玩,来看一下,装一下,玩一下就完了。
其实什么都没学到。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

发表于 2018-3-10 12:13:45 | 显示全部楼层
jerryxjr1220 发表于 2018-3-5 20:09
可惜真正想学习的人还是少数,多数人只是觉得游戏好玩,来看一下,装一下,玩一下就完了。
其实什么都没 ...

说真的,一般人第一感觉是很厉害,然后再一看,看不懂,看不下去了,
你之前出的那个小练习,我做了七八十道了,最开始的时候做不出来看
答案,即使没有涉及到复杂的模块,有些逻辑转换太快还是看不懂。
即使到了现在,很多题目我都是自己去写,而没有看答案,其实除了想锻
炼自己之外有一部分原因是真的觉得看了答案也看不懂。
      怎么说呢,有的东西你觉得很好理解,但是对于一般的人来说,比如我
这么笨的,是真的要绕很久才懂,更何况那些其实学习欲望并不特
别强的人,几乎就是走过场,比如这个帖子中的模块导入,如果仅仅照葫芦
画瓢,你导入什么我们就导入什么。那真的什么都学不到,因为真的没法理
解这些模块,方法到底是干嘛的。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-3-10 12:17:15 | 显示全部楼层
老实说,都快半年了,我现在都不会看源代码,好气啊
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2018-3-10 13:52:25 From FishC Mobile | 显示全部楼层
JAY饭 发表于 2018-3-10 12:13
说真的,一般人第一感觉是很厉害,然后再一看,看不懂,看不下去了,
你之前出的那个小练习,我做了七八 ...

学语言要沉下心来学。
我接触python也只有短短2年不到的时间,以前也只有VB一些基础知识。而且我现在的主业和编程也完全没关系,纯粹是爱好。
真的有兴趣,就要沉浸去学,理解编程的逻辑和算法原理,这样才能学好。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-19 15:59

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表