交互式绘图在线视频

Hi，大家好！

欢迎大家回到Python课堂。

今天我将会对一个小程序进行修改，

该程序已经实现了一个将浮点数转会成圆角分在控制台输出，

我将把它变成一个交互式程序，

首先他会增加一个输入框，

其次它会将输入框获取的数据转换成圆角分的形式在画布上输出。

好，就下面开始我们今天的课程。

我们来看，在这里呢我们已经给出了一个小程序，

就是实现圆角分的转换在控制台输出。

我们来运行一下，

好，我们的测试函数。

它将0.01呢转化成 1 分；

将0.10 转换成了 1 角；

将0.26 转换成了 2 角 6 分；

将2.0 转换成了 2 元整；

将2.02 转换成了 2 元 2 角[分]；

将3.30 转换成了 3 元 3 角；

将43.23 转换成了 43 元 2 角 3 分；

将100 转换成了 100 元整；

如果是0的话，提示你 ：哈哈，你破产了。

这程序没有问题。

下面我们来看一下怎么将这个程序转成交互式应用程序，

也就是给它增加一个输入框，

然后将得到的数据在画布中显示输出。

好，那么为了增加我自己的代码，

我先将已有的不需要修改的代码，

用折叠功能把他折叠起来。

好，我将测试代码删除，

好，那么来考虑一下，

要想做成一个交互式应用程序，

我们要做哪几个工作？

首先我们要导入图像函数库，

import

为了简单起见，我们用gui去表示

哈，这是第一步。

好这个地方加个注释，

好，

下面我们要创建

定义什么呢？

绘图函数，

因为我们要增加输入框，所以我们要定义一个，

输入框

函数

有了这些呢，我们要创建一个框架。

那么最重要的不要忘了，就是我们定义绘图函数，定义了输入框函数，我们要注册

注册事件

最后启动框架

大概我们要做这么几件工作

好，既然我们已经导入了

图像函数库，

那我们来创建框架

我们的名称，我们叫做

圆角分的转换。

OK！

下面是框架的宽度。

我们？？？300 框架的高度200

创建完了以后，我们要启动框架。

那么这时我们点击运行一下

好，我们发现我们的框架产生正确，没有问题啊

下面我们要定义绘图函数

我们希望是将

某个数据或者是文本

输出在我们的画布上

那么这时候我们可以定义

canvas

那我们的绘制文本，我们有这个

canvas.

draw

text

canvas.draw_text

首先是绘制的内容

我们还可以举Python

那么绘制的位置

我们就写100

那么呢绘制这个文本的字体大小我们起30，那么绘制文本的字体颜色我们叫白色

好，定义完

绘图函数了以后

紧接着要做的一件事非常非常重要

就是我们要注册

set draw handler

那这个地方我们把绘图函数的函数名加进去进行了

OK

我们来运行一下

恩，哈，Python，没有问题。

好，那么我们希望得到的是，

最后我们在画布上出现的是圆角分，也就是对某一个数据进行操作，

好啦，那么这时候呢，我们先分这样几步来做，就是我们先定义一个全局变量。

比如说1.01，y = 1.01

那我们这个地方我们把 Python 换成这个value，

比如我们定义成，字符的，字符的格式，

因为这个地方输出的是字符。

OK

1.01

啊，没问题，很好！

好啦，这是第一步，我们已经完成了。

好，第二步，

我们要定义一个输入框函数，我们知道输入框呢，

它会有一个参数。

比如我们叫enter函数，

好，我们输入什么呢？

我们叫text，

我们是希望把这个输入的数据呢，

传送给这个value，

这样的话我输入的数据就会在，

就会在画布上去显示，

好啦，很简单哈。

就是 v-a-l-u-e value = text

在这里有这么几个问题啊，第一

我们的这个enter函数，text是一个文本

我们要想把这个文本赋值给这个浮点型 value

这个地方我们要有一个强制类型转换

这是第一件事情，好，第二件事情

value 是以个全局变量

如果你想对他进行一个重新的赋值

我们要对他进行一个声明

OK，我们看一下，是不是正确

有没有做完呢，好像还没有

就是我们定义了输入框函数以后

又忘了一件事情，就是要注册。

add input 好，那么这个里面呢，有这样几个东西啊

首先就是input 也就是这个输入的名称

“请输入数据”

这是第一个

第二个，是输入框所操作的

就是这个input操作的这个输入框函数名称

第三个，输入框的宽度

注册完了以后，我们就可以运行了

好，那么这个1.01呢是本身给的这个参数

那么这里有输入框，我们来看一下，是不是可以输入

好，没有问题

恩，很好，运行正确。好。

那么下面的问题就是我们怎么把数字的输入框也好，图形的绘制也好

跟我们前面的这个输入值转化来联系到一起

哈，非常的简单。

也就是我们只需要在这个

绘制图像函数这里面，我们把这个str换成我前面的转换函数，OK。

我们来运行一下

1.01 1 元 1 分，好那么是100呢

好，100 元整

好，那如果是100.32

哦，我们发现这个地方有点美中不足是超出了范围

那么这时候我们对它进行一个简单的美化，也就是把我们的宽度呀 调宽一点。

好，比如我们这个地方换成了400

我们看看可以不，好

啊，100 元 3 角 2 分

好，这是我们这节课的内容

我们下次课再见！