概述
虽然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()
创建按钮
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)
绑定事件
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) # 点击按钮事件
功能实现
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
快捷键的实现
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) # 左键释放按钮
快捷键功能实现
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\'
有需要的朋友,可点击链接下载整体代码,如下所示:
备注
不积跬步,无以至千里;不积小流,无以成江海;锲而舍之,朽木不折,锲而不舍,金石可镂。