Python——交互式图形编程

Posted 2020-10-04

1、图形显示

图素法

像素法

图素法---矢量图：以图形对象为基本元素组成的图形，如矩形、 圆形

像素法---标量图：以像素点为基本单位形成图形 

2、图形用户界面：Graphical User Interface，GUI

Tkinter---Python 标准GUI

Graphics---基于Tkinter扩展图形库

Turtle---python内置的图形库。 

3、安装graphics库

安装在D:\\Python3\\Lib\\site-packages，网址http://mcsp.wartburg.edu/zelle/python/graphics.py

4、graphics库

（1）创建图形窗口

图形窗口

点（像素）的集合

GraphWin对象尺寸默认值：高200像素，宽200像素。 

参考坐标系
? Graphics\\Tkinter
? 点(0,0)表示屏幕左上角
? X轴正方向为从左到右
? Y轴正方向为从上到下。
? 默认窗口大小为200*200

简洁形式

（2）点

 

移动点

move(x，y)方法
清除原来点的图像，并在新位置重新绘制
两个数字参数：x，y

（2）圆

 1 from graphics import *
 2 win=GraphWin()
 3 leftEye=Circle(Point(80,80),5)
 4 leftEye.setFill("yellow")
 5 leftEye.setOutline("red")
 6 rightEye=leftEye
 7 rightEye.move(40,0)
 8 
 9 leftEye.draw(win)
10 rightEye.draw(win)

左眼右眼重叠了，说明，移动后原来的图就不存在了。

from graphics import *
win=GraphWin()
leftEye=Circle(Point(80,80),5)
leftEye.setFill("yellow")
leftEye.setOutline("red")
rightEye=Circle(Point(120,80),5)
rightEye.setFill("yellow")
rightEye.setOutline("red")

leftEye.draw(win)
rightEye.draw(win)

（3）face

 1 from graphics import *
 2 
 3 win=GraphWin()
 4 face=Circle(Point(100,95),50)
 5 leftEye=Circle(Point(80,80),5)
 6 leftEye.setFill("yellow")
 7 leftEye.setOutline("red")
 8 rightEye=Circle(Point(120,80),5)
 9 rightEye.setFill("yellow")
10 rightEye.setOutline("red")
11 mouth=Line(Point(80,110),Point(120,110))
12 
13 face.draw(win)
14 mouth.draw(win)
15 leftEye.draw(win)
16 rightEye.draw(win)

5、交互式图形接口

图形用户界面（图形用户接口），
? 采用图形方式显示的计算机操作用户界面
? 用于程序的输入和输出
? 事件驱动

Graphics模块
? 隐藏了底层事件的处理机制，
? 提供了获得用户在窗口中的输入
? 捕捉鼠标点击
? 处理文本输入

（1）捕捉鼠标点击

 1 from graphics import *
 2 
 3 def main():
 4     win=GraphWin("Click me")#标题栏名
 5     for i in range(10):
 6         p=win.getMouse()
 7         print("you click at:",p.getX(),p.getY())
 8 if __name__=="__main__":
 9     main()
10     

 

 

(2)四边形

 1 from graphics import *
 2 
 3 def main():
 4     win=GraphWin("draw a polygon",500,500)#标题栏名
 5     win.setCoords(0,0,500,500)#变换坐标，左下角和右上角
 6     message=Text(Point(250,50),"click on four points")#下面中心位置
 7     message.draw(win)
 8     
 9     #获取四个点
10     p1=win.getMouse()
11     p1.draw(win)
12     p2=win.getMouse()
13     p2.draw(win)
14     p3=win.getMouse()
15     p3.draw(win)
16     p4=win.getMouse()
17     p4.draw(win)
18 
19     #顺次画出闭合图形
20     polygon=Polygon(p1,p2,p3,p4)
21     polygon.setFill("red")
22     polygon.setOutline(‘black‘)
23     polygon.draw(win)
24 
25     message.setText(‘click anywhere to quit‘)
26     win.getMouse()
27     
28 if __name__=="__main__":
29     main()
30     

6、温度转换界面

 （1）输入窗口

 1 from graphics import *
 2  
 3 win = GraphWin("Celsius Converter", 400, 300)#载入界面，标题栏
 4 win.setCoords(0.0, 0.0, 3.0, 4.0)#按比例转换坐标
 5 
 6 # 绘制接口
 7 Text(Point(1,3), " Celsius Temperature:").draw(win)#输入文字
 8 Text(Point(1,1), "Fahrenheit Temperature:").draw(win)
 9 
10 input= Entry(Point(2,3),5)#前面是位置，后面是宽度,可以写数字
11 input.setText("0.0")
12 input.draw(win)

Entry输入可以让用户自己输入内容，setText()是填充入内容，用户可以修改。

（2）完整代码

 1 from graphics import *
 2  
 3 win = GraphWin("Celsius Converter", 400, 300)#载入界面，标题栏
 4 win.setCoords(0.0, 0.0, 3.0, 4.0)#按比例转换坐标
 5 
 6 # 绘制接口
 7 Text(Point(1,3), " Celsius Temperature:").draw(win)#输入文字
 8 Text(Point(1,1), "Fahrenheit Temperature:").draw(win)
 9 
10 input= Entry(Point(2,3),5)#前面是位置，后面是宽度,可以写数字
11 input.setText("0.0")
12 input.draw(win)
13 
14 output = Text(Point(2,1),"")#确定输出位置
15 output.draw(win)
16 
17 button = Text(Point(1.5,2.0),"Convert It")#按钮字样
18 button.draw(win)
19 Rectangle(Point(1,1.5), Point(2,2.5)).draw(win)#长方形
20 
21 # 等待鼠标点击
22 win.getMouse()
23 # 转换输入
24 celsius = eval(input.getText())#得到你的输入值，getText()
25 
26 fahrenheit = 9.0/5.0 * celsius + 32.0
27 # 显示输出，改变按钮
28 output.setText(fahrenheit)#输出温度值,setText()
29 button.setText("Quit")
30 # 等待响应鼠标点击，退出程序
31 win.getMouse()
32 win.close()

体会Text和Entry的区别，前者只能由程序输入内容，后者可以在图形界面输入内容；两者都是用getText()获取内容，用setText()展示内容。