hsiang

概述

虽然Python的强项在人工智能,数据处理方面,但是对于日常简单的应用,Python也提供了非常友好的支持(如:Tkinter),本文主要一个简单的画图小软件,简述Python在GUI(图形用户界面)方面的应用,仅供学习分享使用,如有不足之处,还请指正。

设计思路

  • 页面布局:主要分为上下两部分 a. 绘图区域,本例以Canvas实现 b. 下部:功能区,由按钮实现
  • 事件监听:通过给功能按钮绑定事件,来实现不同的功能,如:绘线,绘矩形等功能。
  • 绘图区域:监听鼠标左键的按下(开始绘图)和抬起(停止绘图),再根据不同的按钮实现绘制不同的图形。

涉及知识点

  •  开发工具:Python3.7 , PyCharm2019
  • Tkinter 是 Python 的标准 GUI 库。Python 使用 Tkinter 可以快速的创建 GUI 应用程序。
  • Canvas控件提供了一个自定义的绘图区域,可以通过不同的函数来绘制不同的图形。
    • 绘制直线 create_line(self.x, self.y, event.x, event.y, fill=self.fgcolor)
    • 绘制带箭头的直线 create_line(self.x, self.y, event.x, event.y, arrow=LAST, fill=self.fgcolor)
    • 绘制矩形 create_rectangle(self.x, self.y, event.x, event.y, outline=self.fgcolor)
    • 绘制曲线,是通过绘制不同的点来实现的
    • 清除图形 drawpad.delete(\'all\')
  • Button 按钮控件,通过绑定(bind)不同的监听事件来实现不同的功能。
    • name属性设置按钮的名称,
    • text属性设置按钮的显示文本。
    • bind 绑定事件

示例效果图

本例主要实现绘制直线,带箭头的直线,曲线,矩形,清除等功能,如下所示:

核心代码

在本例中,主要功能如下:

创建画板

1 """创建画图区域"""
2 self.drawpad = Canvas(self, width=win_width, height=win_height, bg=bgcolor)
3 self.drawpad.pack()
View Code

创建按钮

 1        # 创建按钮
 2         self.btn_start = Button(self, name=\'start\', text=\'开始\')
 3         self.btn_start.pack(side=\'left\', padx=10)
 4         self.btn_pen = Button(self, name=\'pen\', text=\'画笔\')
 5         self.btn_pen.pack(side=\'left\', padx=10)
 6         self.btn_rect = Button(self, name=\'rect\', text=\'矩形\')
 7         self.btn_rect.pack(side=\'left\', padx=10)
 8         self.btn_clear = Button(self, name=\'clear\', text=\'清屏\')
 9         self.btn_clear.pack(side=\'left\', padx=10)
10         self.btn_erasor = Button(self, name=\'erasor\', text=\'橡皮擦\')
11         self.btn_erasor.pack(side=\'left\', padx=10)
12         self.btn_line = Button(self, name=\'line\', text=\'直线\')
13         self.btn_line.pack(side=\'left\', padx=10)
14         self.btn_line_arrow = Button(self, name=\'line_arrow\', text=\'箭头直线\')
15         self.btn_line_arrow.pack(side=\'left\', padx=10)
16         self.btn_color = Button(self, name=\'color\', text=\'颜色\')
17         self.btn_color.pack(side=\'left\', padx=10)
View Code

 绑定事件

1        # 绑定事件
2         self.btn_line.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
3         self.btn_line_arrow.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
4         self.btn_rect.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
5         self.btn_pen.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
6         self.btn_erasor.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
7         self.btn_clear.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
8         self.btn_color.bind(\'<Button-1>\', self.eventManager)  # 点击按钮事件
View Code

功能实现

 1    def eventManager(self, event):
 2         name = event.widget.winfo_name()
 3         print(name)
 4         self.start_flag = True
 5         if name == \'line\':
 6             # 左键拖动
 7             self.drawpad.bind(\'<B1-Motion>\', self.myline)
 8         elif name == \'line_arrow\':
 9             self.drawpad.bind(\'<B1-Motion>\', self.myline_arrow)
10         elif name == \'rect\':
11             self.drawpad.bind(\'<B1-Motion>\', self.myrect)
12         elif name == \'pen\':
13             self.drawpad.bind(\'<B1-Motion>\', self.mypen)
14         elif name == \'erasor\':
15             self.drawpad.bind(\'<B1-Motion>\', self.myerasor)
16         elif name == \'clear\':
17             self.drawpad.delete(\'all\')
18         elif name == \'color\':
19             c = askcolor(color=self.fgcolor, title=\'请选择颜色\')
20             print(c)  # c的值 ((128.5, 255.99609375, 0.0), \'#80ff00\')
21             self.fgcolor = c[1]
22 
23     def startDraw(self, event):
24         self.drawpad.delete(self.lastdraw)
25         if self.start_flag:
26             self.start_flag = False
27             self.x = event.x
28             self.y = event.y
29 
30     def stopDraw(self, event):
31         self.start_flag = True
32         self.lastdraw = 0
33 
34     def myline(self, event):
35         self.startDraw(event)
36         self.lastdraw = self.drawpad.create_line(self.x, self.y, event.x, event.y, fill=self.fgcolor)
37 
38     def myline_arrow(self, event):
39         self.startDraw(event)
40         self.lastdraw = self.drawpad.create_line(self.x, self.y, event.x, event.y, arrow=LAST, fill=self.fgcolor)
41 
42     def myrect(self, event):
43         self.startDraw(event)
44         self.lastdraw = self.drawpad.create_rectangle(self.x, self.y, event.x, event.y, outline=self.fgcolor)
45 
46     def mypen(self, event):
47         self.startDraw(event)
48         print(\'self.x=\', self.x, \',self.y=\', self.y)
49         self.drawpad.create_line(self.x, self.y, event.x, event.y, fill=self.fgcolor)
50         self.x = event.x
51         self.y = event.y
52 
53     def myerasor(self, event):
54         self.startDraw(event)
55         print(\'self.x=\', self.x, \',self.y=\', self.y)
56         self.drawpad.create_rectangle(event.x - 3, event.y - 3, event.x + 3, event.y + 3, fill=bgcolor)
57         self.x = event.x
58         self.y = event.y
View Code

快捷键的实现

1  self.master.bind(\'<KeyPress-r>\', self.hotKey)  # 绑定快捷键
2 self.master.bind(\'<KeyPress-g>\', self.hotKey)  # 绑定快捷键
3 self.master.bind(\'<KeyPress-b>\', self.hotKey)  # 绑定快捷键
4 self.master.bind(\'<KeyPress-y>\', self.hotKey)  # 绑定快捷键
5 self.drawpad.bind(\'<ButtonRelease-1>\', self.stopDraw)  # 左键释放按钮
View Code

快捷键功能实现

 1     def hotKey(self, event):
 2         c = event.char
 3         if c == \'r\':
 4             self.fgcolor = \'red\'
 5         elif c == \'g\':
 6             self.fgcolor = \'green\'
 7         elif c == \'b\':
 8             self.fgcolor = \'blue\'
 9         elif c == \'y\':
10             self.fgcolor = \'yellow\'
View Code

有需要的朋友,可点击链接下载整体代码,如下所示:

源码链接

 备注

不积跬步,无以至千里;不积小流,无以成江海;锲而舍之,朽木不折,锲而不舍,金石可镂。

分类:

技术点:

相关文章: