Kivy 中文教程 实例入门 简易画板 (Simple Paint App):0. 项目简介 & 成果展示

本教程咪博士将带领大家学习创建自己的窗口部件 (widget)。最终,我们完成的作品是一个简易的画板程序。

当用 kivy 创建应用时,我们需要仔细思考以下 3 个问题:

  1. 我们创建的应用需要处理什么数据?
  2. 如何可视化地展示这些数据?
  3. 用户如何与这些数据交互?

以本教程的简易画板为例,我们希望用户可以用手指在触摸屏上画画,这便是用户与数据交互的方式。为了实现这样的交互,我们需要记录下用户手指的位置,这便是应用需要处理的数据。而在不同位置点之间绘制线条就是数据展示的方式。

Kivy 应用中,用户界面 (UI) 是由许多窗口部件 (Widget) 构成的。你在屏幕上看到的任何东西,归根结底都是由某个窗口部件绘制出来的。每个窗口部件都封装了数据、交互方式,以及视觉呈现这三大要素(即,对应前面的那 3 个问题)。综合运用各种窗口部件,我们便可以开发各式应用。尽管,Kivy 已经内置了许多部件,例如按钮 (Button)、滑块 (Slider) 等,但是许多时候,我们还是需要开发自定义窗口部件,以满足特定的用户需求。本教程,咪博士就教大家如何开发自定义窗口部件。

总之,在开发自定义窗口部件时,请牢记 kivy 窗口部件的三要素(数据、交互、呈现)。同时,还要合理规划窗口部件的功能,要将很大的部件拆分成较小的、可重用的部件,即遵守单一职责原则(Single Responsibility Principle)。

【原文链接】

http://www.ipaomi.com/2017/11/05/kivy-中文教程-实例入门-简易画板-simple-paint-app:0-项目简介-成/

时间: 2024-08-29 13:53:52

Kivy 中文教程 实例入门 简易画板 (Simple Paint App):0. 项目简介 & 成果展示的相关文章

Kivy 中文教程 实例入门 简易画板 (Simple Paint App):1. 自定义窗口部件 (widget)

1. 框架代码 用 PyCharm 新建一个名为 SimplePaintApp 的项目,然后新建一个名为 simple_paint_app.py 的 Python 源文件, 在代码编辑器中,输入以下框架代码 1 from kivy.app import App 2 from kivy.uix.widget import Widget 3 4 5 class MyPaintWidget(Widget): 6 pass 7 8 9 class MyPaintApp(App): 10 def buil

Kivy 中文教程 实例入门 简易画板 (Simple Paint App):2. 实现绘图功能

1. 理解 kivy 坐标系统 上一节中,咪博士带大家实现了画板程序的基础框架,以及一个基本的自定义窗口部件(widget).在上一节的末尾,咪博士留了一道关于 kivy 坐标系统的思考题给大家.通过点击窗口的 4 个角落,观察相应的控制台输出,我们可以推断出 kivy 的坐标原点位于窗口的左下角,x 轴正方向为水平向右,y 轴正方向为竖直向上.这和我们中学数学中常见的平面直角坐标系是一模一样的. 2. 绘制圆点 了解了 kivy 的坐标系统,本节咪博士将教大家实现简易画板的核心功能:绘图. 重

Python Kivy 中文教程:安装(Windows)

Kivy 是一套用于跨平台快速应用开发的开源框架,只需编写一套代码,便可运行于各大桌面及移动平台上(包括 Linux, Windows, OS X, Android, iOS, 以及 Raspberry Pi) Kivy 采用 Python 和 Cython  编写,在国外已经十分火爆,受关注程度甚至一度超越了老牌的 Python GUI 工具 PyQt.可惜 Kivy 在国内还鲜为人知,咪博士将会陆续推出一系列 Kivy 中文教程.这一篇先教大家,在 Windows 上 安装 Kivy. 零.

wxPython中文教程 简单入门加实例

wx.Window 是一个基类,许多构件从它继承.包括 wx.Frame 构件.技术上这意味着,我们可以在所有的 子类中使用 wx.Window 的方法.我们这里介绍它的几种方法: * SetTitle( string title ) —— 设置窗口标题.只可用于框架和对话框. * SetToolTip( wx.ToolTip tip ) —— 为窗口添加提示. * SetSize( wx.Size size ) —— 设置窗口的尺寸. * SetPosition( wx.Point pos )

Apple Swift编程语言入门中文教程

Apple Swift编程语言入门教程 目录 1   简介 2   Swift入门 3   简单值 4   控制流 5   函数与闭包 6   对象与类 7   枚举与结构 1   简介 今天凌晨Apple刚刚发布了Swift编程语言,本文从其发布的书籍<The Swift Programming Language>中摘录和提取而成.希望对各位的iOS&OSX开发有所帮助. Swift是供iOS和OS X应用编程的新编程语言,基于C和Objective-C,而却没有C的一些兼容约束.S

微信公众平台开发教程(四) 实例入门:机器人(附源码)

微信公众平台开发教程(四) 实例入门:机器人(附源码) 上一篇文章,写了基本框架,可能很多人会觉得晕头转向,这里提供一个简单的例子来予以说明,希望能帮你解开谜团. 一.功能介绍 通过微信公众平台实现在线客服机器人功能.主要的功能包括:简单对话.查询天气等服务. 这里只是提供比较简单的功能,重在通过此实例来说明公众平台的具体研发过程.只是一个简单DEMO,如果需要的话可以在此基础上进行扩展. 当然后续我们还会推出比较复杂的应用实例. 二.具体实现 1.提供访问接口 这里不再赘述,参照上一章,微信公

SpringMVC 基础教程 简单入门实例

SpringMVC 基础教程 简单入门实例 标签: Spring MVCspringmvcSpringMVC教程基础教程SpringMVC实例 2013-05-09 13:44 170403人阅读 评论(69) 收藏 举报  分类: Java(23)  Spring框架(3)  版权声明:本文为博主原创文章,未经博主允许不得转载. spring MVC 入门教程二: 一个简单的入门实例教程 该实例的源码和实例中的jar 源码:http://download.csdn.net/detail/swi

WPF入门教程系列(一) 创建你的第一个WPF项目

WPF入门教程系列(一) 创建你的第一个WPF项目 WPF基础知识 快速学习绝不是从零学起的,良好的基础是快速入手的关键,下面先为大家摞列以下自己总结的学习WPF的几点基础知识: 1) C#基础语法知识(或者其他.NET支持的语言):这个是当然的了,虽然WPF是XAML配置的,但是总还是要写代码的,相信各位读者应该也都有这个基础了. 2) HTML语言:虽然WPF是窗体程序但是由于使用的XAML语言,如果以前接触过HTML.XHTML.ASP.NET之路的东西的话会,接受这些标签会很有帮助的,如

DotCMS中文教程

CMS全称Content Management System,内容管理系统,内容可以包含咨询.博客.介绍等,主要用于网络建站,可以作为企业门户网站.新闻网站.博客站点等,甚至可以集成电子商务功能,随着这两年移动互联网的发展,也出现了越来越多的微网站,那么CMS不仅仅要求能在PC网站上使用,同时也要求在移动互联网上使用. CMS系统好处不在多说,那么怎么拥有这么一套通用的系统呢,答案1:你可以自己开发出来一套,当然前提是你有时间和成本,答案2:你可以买一套系统,当前国内CMS系统价格在2000以上