我们怎么样使用Python实现一个简单画图软件界面
zhezhongyun 2025-07-09 18:29 29 浏览
精选python重要知识设计实践,奉献给一直努力的你,流量不够,感谢头条君,看到是一种缘分,仅给能看到的朋友、同学们默默献上。
我想搞一个画图软件,就要一个简单的画布,如我们生活中,要有纸和笔,或者树枝和方便画画的地、沙子。
先让我们花上几秒钟想想,要画直线吧,还要画矩形,最好也能画个圆
好像和下面的界面差不多。
可能需要这些模块,先导入进来吧
import tkinter as tk
from tkinter import colorchooser
这个界面下面还有好多按钮,这感觉是一个工具箱,用什么按下就可以了。
我们来画个直线
完整代码如下
class SimpleDrawingApp:
def __init__(self, root):
self.root = root
self.root.title("我的一个简易画图界面")
# 初始化绘图参数
self.current_tool = "line" # 当前绘图工具(line/oval/rectangle)
self.start_x = None
self.start_y = None
self.current_color = "black" # 默认颜色
self.draw_item = None # 临时绘图对象 这个没有就出不了图,才有预览
# 创建画布
self.canvas = tk.Canvas(root, width=800, height=600, bg="white")
self.canvas.pack(fill=tk.BOTH, expand=True)
# 绑定鼠标事件
self.canvas.bind("<ButtonPress-1>", self.on_press)
self.canvas.bind("<B1-Motion>", self.on_drag)
self.canvas.bind("<ButtonRelease-1>", self.on_release)
# 创建工具栏
self.create_toolbar()#选择直接、椭圆、圆等工具选择区域,和我们的操作系统的工具栏类似,不过操作系统要复杂的多
def create_toolbar(self):
"""创建工具栏按钮"""
toolbar = tk.Frame(self.root)
toolbar.pack(fill=tk.X)
# 工具选择按钮,你可以加上你想要的按钮
tools = [
("直线", "line"),
("椭圆", "oval"),
("矩形", "rectangle"),
("圆形", "circle"),
]
for text, tool in tools:
btn = tk.Button(
toolbar, text=text,
command=lambda t=tool: self.set_tool(t)
)
btn.pack(side=tk.LEFT, padx=2, pady=2)
# 颜色选择按钮
color_btn = tk.Button(
toolbar, text="选择颜色",
command=self.choose_color
)
color btn.pack(side=tk.LEFT,padx=2,pady=2)
# 清除画布按钮
clear_btn = tk.Button(
toolbar,text="清除"
command=self.clear canvas
clear_btn.pack(side=tk.LEFT, padx=2, pady=2)
def set_tool(self,tool):
"""设置当前绘图工具"""
self.current tool=tool
def choose_color(self):
""打开颜色选择对话框,我们可以选择不同的颜色来""
color = colorchooser.askcolor()[1]
if color:
self.current_color = color
def clear_canvas(self):
"""清除画布内容"""
self.canvas.delete("all")
def on_press(self, event):
"""记录起始坐标"""
self.start_x=event.X
self.start_y=event.y
def on_drag(self, event):
"""实时绘制预览图形"""
if self.draw_item:
self.canvas.delete(self.draw item)#删除前一个预览
#根据你在工具栏选择工具,来绘制预览
if self.current_tool == "line":
self.draw item= self.canvas.create line(
self.start_x,self.start_y,event.x,event.y,fill="blue”,width=2
#固定直线蓝色,选择调色版就不受影响根据你实际情况设置
# fill=self.current color, width=2 #显示黑色
elif self.current tool == "oval":
self.draw item= self.canvas.create oval(
self.start_x,self.start _y, event.x, event.y,
outline=self.current_color,width=2
elif self.current_tool == "rectangle":
self.draw_item= self.canvas.create_rectangle(
self.start_x,self.start y, event.x, event.y,
outline=self.current_color,width=2
)
elif self.current_tool == "circle"
#计算圆形半径(以起始点为中心,通过鼠标移动确定半径)
radius =((event.x-self.start_x)**2 +(event.y - self.start_y)**2)**0.5
self.draw_item= self.canvas.create_oval(
self.start_x-radius, self.start_y- radius,
self.start_x+ radius, self.start_y + radius,
outline=self.current_color,width=2#方便使用调试版
)
def on release(self, event):
"""释放鼠标时固定图形"""
if self.draw_item:# 修改图形属性为最终状态
#self,canvas.itemconfig(self,draw item,outline=self.current color,width=2) #导致不能画多个直接,#临时预览图形的生命周期未被正确管理,修改已销毁对象引发异常
self.draw item = None #去掉只能画一个图形,不能保存多个
if__name__"__mai__n";
root = tk.Tk()
app = simpleDrawingApp(root)
root.mainloop()
我们测试下
测试的时候,发现直线保存不下来,也就是预览生产正常,生命周期没有被正确使用,已在代码调试中调整。一定要经历调试,才好发现一些问题,通过自己去调整。
更多的发现,和功能的优化机更新,交给屏幕前的你啦,搞这些东西还是比较耗时间和精力的,
你的点赞是前进的动力,谢谢观看。
相关推荐
- Opinion丨Struggle Against U.S. Mind colonization in the Global South
-
Editor'snote:Thismonth,XinhuaNewsAgency'sThinkTankreleasedareporttitled"Colonizationof...
- 爱可可AI论文推介(2020.11.4)_爱可可女装旗舰店
-
LG-机器学习CV-计算机视觉CL-计算与语言AS-音频与语音RO-机器人(*表示值得重点关注)1、[LG]*CombiningLabelPropagationan...
- 何新:罗马伪史考英文版序言_罗马史学
-
2019-10-2514:48:27何新:罗马伪史考序言(英文译本)HeXin:PreambleofResearchonPseudo-historyofRome1Afewyear...
- XPeng Stock Rises Over 4% after Q2 Revenue and EV Margin Set Records
-
TMTPOST--TheAmericandepositaryreceipts(ADRs)ofXPengInc.rosearound4.2%onTuesdayaftert...
- 英汉世界语部首(八)_英文部首字典
-
本节讲八个部首,分别是:弓gōng【ECWLrad】bow廾gǒng【ECWLrad】twen广guǎng【ECWLrad】vast己jǐ【ECWLrad】self已yǐ...
- 一课译词:划水_划水是什么地方的方言
-
[Photo/SIPA]懒惰是人类的天性,因此才总有人会在工作时“划水”。“划水【huáshuǐ】”,本意是指“用胳膊划的动作(makestrokeswithone’sarms)”,延伸为“...
- 首测!GPT-4o做Code Review可行吗?
-
编辑|言征出品|51CTO技术栈(微信号:blog51cto)近日,OpenAI一记重拳,推出了GPT-4o(“o”表示“omni”),将语音识别和对话方面的优势展示的淋漓尽致。几乎可以肯定,...
- C++|漫谈STL细节及内部原理_c++ stl详解
-
1988年,AlexanderStepanov开始进入惠普的PaloAlto实验室工作,在随后的4年中,他从事的是有关磁盘驱动器方面的工作。直到1992年,由于参加并主持了实验室主任BillWo...
- C++ inline关键字深度解析:不止于优化的头文件定义许可
-
在C++开发中,几乎每个程序员都用过inline关键字,但多数人只停留在“内联优化”的表层理解。事实上,inline的真正威力在于它打破了C++的单一定义规则(ODR)限制,成为头文件中安全定义函数的...
- 实用 | 10分钟教你搭建一个嵌入式web服务器
-
之前分享的文章中提到了几种可以在嵌入式中使用的web服务器。嵌入式web服务器就是把web服务器移植到嵌入式系统的服务器。它仍然是基于http文本协议进行通信的,具有标准的接口形式,对客户端...
- 中间语言格式_中间格式文本是什么
-
在通常情况下,编译器会将目标语言转换成某种中间语言格式,而不是直接将源代码转换成二进制机器指令,不少c语言编译器,都会将代码编译成汇编语言,然后再通过汇编语言编译器将汇编代码转换成目标机器可执行的二进...
- 一线开发大牛带你深度解析探讨模板解释器,解释器的生成
-
解释器生成解释器的机器代码片段都是在TemplateInterpreterGenerator::generate_all()中生成的,下面将分小节详细展示该函数的具体细节,以及解释器某个组件的机器代码...
- 干货,Web开发和前端开发逆天工具大全
-
微信ID:WEB_wysj(点击关注)◎◎◎◎◎◎◎◎◎一┳═┻︻▄(点击页底“阅读原文”前往下载)●●●逆天工具CDN资源库国内Bootstrap中文网开源项目免费CDN服务36...
- 移动端rem+vw适配_移动端web页面适配方案
-
rem:rem是相对单位,设置根元素html的font-size,比如给html设置字体大小为100px,1rem=100px;rem缺点:1.和根元素font-size值强耦合,系统字...
- 从零搭建 React 开发 H5 模板_react html5
-
项目创建创建项目文件夹mkdir react-democd react-demonpm init -y依赖安装yarn add rea...
- 一周热门
- 最近发表
-
- Opinion丨Struggle Against U.S. Mind colonization in the Global South
- 爱可可AI论文推介(2020.11.4)_爱可可女装旗舰店
- 何新:罗马伪史考英文版序言_罗马史学
- XPeng Stock Rises Over 4% after Q2 Revenue and EV Margin Set Records
- 英汉世界语部首(八)_英文部首字典
- 一课译词:划水_划水是什么地方的方言
- 首测!GPT-4o做Code Review可行吗?
- C++|漫谈STL细节及内部原理_c++ stl详解
- C++ inline关键字深度解析:不止于优化的头文件定义许可
- 实用 | 10分钟教你搭建一个嵌入式web服务器
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法:GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- opacity 属性 (32)
- transition 属性 (33)