Python中用canvas如何对网页键盘绑定和控制移动

Admin 2022-06-24 群英技术资讯 318 次浏览

今天就跟大家聊聊有关“Python中用canvas如何对网页键盘绑定和控制移动”的内容,可能很多人都不太了解,为了让大家认识和更进一步的了解,小编给大家总结了以下内容,希望这篇“Python中用canvas如何对网页键盘绑定和控制移动”文章能对大家有帮助。
 

一、任务

用多个按钮或者按钮+文本框实现不同物体(椭圆,长方形,扇形)的各个方向的运动(上下左右)

效果图:

二、实现

(1)导库并创建画布

import tkinter as tk
window = tk.Tk()
window.title('my window')
##窗口尺寸
window.geometry('300x350')
#新建画布
canvas=tk.Canvas(window,bg='blue',height=150,width=300)

(2)画图形

#画线
x0,y0,x1,y1=50,50,80,80
line=canvas.create_line(x0,y0,x1,y1)
#画
oval=canvas.create_oval(x0,y0,x1,y1,fill='red')
#画一个扇形
arc = canvas.create_arc(x0+30, y0+30, x1+30, y1+30, start=0, extent=90)
#画一个矩形
rect = canvas.create_rectangle(100, 30, 100+20, 30+20)   
canvas.pack()

(3)创建按钮和文本框

#创建文本框
entry = tk.Entry(window, show=None)
entry.pack()
#创建文本
label = tk.Label(window , text='圆:oval;线:line;扇形:arc;矩形 :rect')
label.pack()  #打包
#创建一个Button
b=tk.Button(window,text='下',command=moveit)
b.place(x=120,y=280)
up=tk.Button(window,text='上',command=moveup)
up.place(x=120,y=220)
left=tk.Button(window,text='左',command=moveleft)
left.place(x=80,y=250)
right=tk.Button(window,text='右',command=moveright)
right.place(x=160,y=250)

(4)功能实现

#向下移动
def moveit():
    obj = entry.get()  #获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,0,2)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, 0, 2)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, 0, 2)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line, 0, 2)
#向上移动
def moveup():
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,0,-2)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc,0,-2)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval,0,-2)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line,0,-2)
#向左移动
def moveleft():
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect, -2 ,0)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, -2 ,0)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, -2 ,0)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line, -2, 0)
#向右移动
def moveright():
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,2,0)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, 2,0)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, 2,0)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line , 2, 0)

三、完整代码

import tkinter as tk
window = tk.Tk()
window.title('my window')
##窗口尺寸
window.geometry('300x350')
#新建画布
canvas=tk.Canvas(window,bg='blue',height=150,width=300)
#画线
x0,y0,x1,y1=50,50,80,80
line=canvas.create_line(x0,y0,x1,y1)
#画
oval=canvas.create_oval(x0,y0,x1,y1,fill='red')
#画一个扇形
arc = canvas.create_arc(x0+30, y0+30, x1+30, y1+30, start=0, extent=90)
#画一个矩形
rect = canvas.create_rectangle(100, 30, 100+20, 30+20)   
canvas.pack()
#创建文本框
entry = tk.Entry(window, show=None)
entry.pack()
#创建文本
label = tk.Label(window , text='圆:oval;线:line;扇形:arc;矩形 :rect')
label.pack()  #打包
#向下移动
def moveit():
    obj = entry.get()  #获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,0,2)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, 0, 2)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, 0, 2)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line, 0, 2)
#向上移动
def moveup():
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,0,-2)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc,0,-2)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval,0,-2)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line,0,-2)
#向左移动
def moveleft():
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect, -2 ,0)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, -2 ,0)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, -2 ,0)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line, -2, 0)
#向右移动
def moveright():
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,2,0)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, 2,0)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, 2,0)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line , 2, 0)
#创建一个Button
b=tk.Button(window,text='下',command=moveit)
b.place(x=120,y=280)
up=tk.Button(window,text='上',command=moveup)
up.place(x=120,y=220)
left=tk.Button(window,text='左',command=moveleft)
left.place(x=80,y=250)
right=tk.Button(window,text='右',command=moveright)
right.place(x=160,y=250)
##显示出来
window.mainloop()

四、升级—绑定键盘事件

增加键盘绑定事件:

# 实现键盘绑定
window.bind("<KeyPress-Down>", moveit)  #第二个参数传一个回调函数
window.bind("<KeyPress-Left>", moveleft)
window.bind("<KeyPress-Right>", moveright)
window.bind("<KeyPress-Up>", moveup)

完整代码:

import tkinter as tk
window = tk.Tk()
window.title('my window')
##窗口尺寸
window.geometry('300x350')
#新建画布
canvas=tk.Canvas(window,bg='blue',height=150,width=300)
#画线
x0,y0,x1,y1=50,50,80,80
line=canvas.create_line(x0,y0,x1,y1)
#画
oval=canvas.create_oval(x0,y0,x1,y1,fill='red')
#画一个扇形
arc = canvas.create_arc(x0+30, y0+30, x1+30, y1+30, start=0, extent=90)
#画一个矩形
rect = canvas.create_rectangle(100, 30, 100+20, 30+20)   
canvas.pack()
#创建文本框
entry = tk.Entry(window, show=None)
entry.pack()
#创建文本
label = tk.Label(window , text='圆:oval;线:line;扇形:arc;矩形 :rect')
label.pack()  #打包
#向下移动
def moveit(event):
    obj = entry.get()  #获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,0,2)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, 0, 2)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, 0, 2)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line, 0, 2)
#向上移动
def moveup(event):
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,0,-2)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc,0,-2)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval,0,-2)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line,0,-2)
#向左移动
def moveleft(event):
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect, -2 ,0)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, -2 ,0)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, -2 ,0)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line, -2, 0)
#向右移动
def moveright(event):
    obj = entry.get()  # 获取输入框的参数,移动那个图形
    if obj =='rect':
        canvas.move(rect,2,0)  #第一个参数是图形
    elif obj == 'arc':
        canvas.move(arc, 2,0)  # 第一个参数是图形
    elif obj =='oval':
        canvas.move(oval, 2,0)  # 第一个参数是图形
    elif obj == 'line':
        canvas.move(line , 2, 0)
#创建一个Button
b=tk.Button(window,text='下',command=moveit)
b.place(x=120,y=280)
up=tk.Button(window,text='上',command=moveup)
up.place(x=120,y=220)
left=tk.Button(window,text='左',command=moveleft)
left.place(x=80,y=250)
right=tk.Button(window,text='右',command=moveright)
right.place(x=160,y=250)
# 实现键盘绑定
window.bind("<KeyPress-Down>", moveit)  #第二个参数传一个回调函数
window.bind("<KeyPress-Left>", moveleft)
window.bind("<KeyPress-Right>", moveright)
window.bind("<KeyPress-Up>", moveup)
##显示出来
window.mainloop()

总结


关于“Python中用canvas如何对网页键盘绑定和控制移动”就介绍到这了,如果大家觉得不错可以参考了解看看,如果想要了解更多,欢迎关注群英网络,小编每天都会为大家更新不同的知识。 群英智防CDN,智能加速解决方案

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服