python - 如何拥有多个可拖动的画布小部件?
问题描述
到目前为止,我有:
来自拖放图像对象的重新调整的代码,以允许多个自定义小部件可拖动。
除了尝试强制可拖动的小部件仅在画布尺寸内移动之外,重新调整代码的用途非常顺利。
如果将单个小部件添加到画布,则该小部件可拖动并绑定到画布尺寸。
问题:如果在画布上添加了任何数量大于一个的小部件,那么只有最后添加的小部件是可拖动的并绑定到画布尺寸。由于检测到的鼠标运动异常大的鼠标运动回调中的逻辑,所有其他小部件都无法移动。
可拖动小部件是面向对象的,因此制作单个可拖动小部件的逻辑与相同小部件类型的多个其他实例相同。
到目前为止,我拥有的操纵代码是:
import os
import tkinter as tk
APP_TITLE = "Drag & Drop Tk Canvas Images"
APP_XPOS = 100
APP_YPOS = 100
APP_WIDTH = 300
APP_HEIGHT = 200
class CreateCanvasObject(object):
def __init__(self, canvas, block_name):
self.canvas = canvas
self.block_width = 250
self.block_height = 250
self.name = block_name
self.max_speed = 30
self.win_width = self.canvas.winfo_width()
self.win_height = self.canvas.winfo_height()
self.block_main = tk.Frame(self.canvas, bd=10, relief=tk.RAISED)
self.block_main.pack(side=tk.TOP, fill=tk.BOTH, expand=False, padx=0, pady=0)
self.block_name = tk.Label(self.block_main, text=block_name, anchor=tk.CENTER, font='Helvetica 10 bold', cursor='fleur')
self.block_name.pack(fill=tk.BOTH, expand=True, padx=5, pady=5)
self.image_obj = self.canvas.create_window( (0, 0), window=self.block_main, anchor="nw", width=self.block_width, height=self.block_height)
self.block_name.bind( '<Button1-Motion>', self.move)
self.block_name.bind( '<ButtonRelease-1>', self.release)
self.move_flag = False
self.canvas.bind("<Configure>", self.configure)
def configure(self, event):
self.win_width = event.width
self.win_height = event.height
def move(self, event):
print('Moving [%s]'%self.name)
print(event)
if self.move_flag:
dx, dy = event.x, event.y
abs_coord_x, abs_coord_y = self.canvas.coords( self.image_obj )
cond_1 = abs_coord_x + dx >= 0
cond_2 = abs_coord_y + dy >= 0
cond_3 = (abs_coord_x + self.block_width + dx) <= self.win_width
cond_4 = (abs_coord_y + self.block_height + dy) <= self.win_height
print('abs_coord_x = %3.2f ; abs_coord_y = %3.2f'%(abs_coord_x, abs_coord_y))
print('dx = %3.2f ; dy = %3.2f'%(dx, dy))
print('self.block_width = %3.2f'%(self.block_width))
print('self.block_height = %3.2f'%(self.block_height))
print('Cond 1 = %s; Cond 2 = %s; Cond 3 = %s; Cond 4 = %s\n\n'%(cond_1, cond_2, cond_3, cond_4))
if cond_1 and cond_2 and cond_3 and cond_4:
self.canvas.move(self.image_obj, dx, dy)
else:
self.move_flag = True
self.canvas.tag_raise(self.image_obj)
def release(self, event):
self.move_flag = False
class Application(tk.Frame):
def __init__(self, master):
self.master = master
self.master.protocol("WM_DELETE_WINDOW", self.close)
tk.Frame.__init__(self, master)
self.canvas = tk.Canvas(self, width=800, height=800, bg='steelblue', highlightthickness=0)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.block_1 = CreateCanvasObject(canvas=self.canvas, block_name='Thing 1')
self.block_2 = CreateCanvasObject(canvas=self.canvas, block_name='Thing 2')
def close(self):
print("Application-Shutdown")
self.master.destroy()
def main():
app_win = tk.Tk()
app_win.title(APP_TITLE)
app_win.geometry("+{}+{}".format(APP_XPOS, APP_YPOS))
Application(app_win).pack(fill='both', expand=True)
app_win.mainloop()
if __name__ == '__main__':
main()
解决方案
问题的根源在于这行代码:
self.canvas.bind("<Configure>", self.configure)
每当您调用self.canvas.bind
时,您都会替换小部件上的任何先前绑定。因此,当绑定被触发时,只有最后一个CreateCanvasObject
会看到该事件,因为它将替换先前CreateCanvasObject
对象创建的绑定。
因此,您只需要更新self.win_width
和更新self.win_height
最后一个创建的对象。并且因为您使用这些值来计算self.cond3
and self.cond4
,所以这些条件总是错误的,因此对象永远不会移动。
一个简单的解决方案是删除绑定并删除configure
方法,而是计算move
函数内部的宽度和高度。那,或者 makeself.win_width
和self.win_height
class 变量,所以当你更新一个你更新所有。这些不是解决问题的唯一方法,但它们是最简单的。
推荐阅读
- asp.net - 如何在 vb.net 中使用服务器端制作数据引导程序
- mysql - 将一个字段拆分为基于另一字段中的值的多列
- angular - 在 UI 路由器,Angular 5 中回调或从子级到父级?
- angular - 如何从区分大小写的查询参数变量中获取值?
- powershell - Powershell Write-Error Write-Warning 自定义格式
- scala - scala中的List[Row]到RDD[CassandrRow]转换
- php - 如何将 PHP 父对象转换/转换为子对象?
- javascript - 使用 javascript 或 jquery 获取数组中的复选框状态
- node.js - 节点无法连接到流浪盒
- ios - 获取结构中嵌套对象的路径