Tkinter:使用鼠标绘制矩形

时间:2015-04-22 06:36:09

标签: python python-2.7 tkinter mouseevent

请帮我解决这个问题。

我希望允许用户使用鼠标在图片中的特定感兴趣区域周围绘制一个随机矩形(通过单击鼠标右键或左键直到他释放它)。

我处理大图像(大于我的屏幕分辨率的图像,例如此one),因此用户需要滚动窗口以便能够完全看到图片。

以下是我尝试显示大图片的代码,但我不知道如何让用户使用鼠标在对象上绘制一个矩形(比如图片中的某个人):

from Tkinter import *
import Image,ImageTk

root=Tk()
canv=Canvas(root,relief=SUNKEN)

sbarv=Scrollbar(root,orient=VERTICAL)
sbarh=Scrollbar(root,orien=HORIZONTAL)

sbarv.config(command=canv.yview)
sbarh.config(command=canv.xview)

canv.config(yscrollcommand=sbarv.set)
canv.config(xscrollcommand=sbarh.set)

canv.grid(row=0,column=0,sticky=N+S+E+W)
sbarv.grid(row=0,column=1,sticky=N+S)

sbarh.grid(row=1,column=0,sticky=E+W)


im=Image.open("image.jpg")
width,height=im.size
canv.config(scrollregion=(0,0,width,height))
im2=ImageTk.PhotoImage(im)
imgtag=canv.create_image(0,0,anchor="nw",image=im2)

root.mainloop()

编辑1:

  • 不得填充矩形。我的意思是我只想绘制它的4行(段),但它必须是空的,我想只绘制一个像素宽度的轮廓。

  • 我也想在光标移动(拖动)后绘制,而不是在按钮释放后。

  • 另外,请注意要绘制的矩形可能很长,我的意思是垂直滚动条需要向下移动以便能够划分整个感兴趣的对象(让我们说出来)是一个人)

任何帮助都将受到高度赞赏。

非常感谢您提前

编辑2:

按照上面给出的链接,我编码了这个。我的问题是滚动条不会出现。可能有人可以告诉我为什么?

请注意,在此代码中,我解决了编辑1 中突出显示的第一个和第二个问题:

import PIL.Image
import Image
import ImageTk
from Tkinter import *    


class ExampleApp(Frame):
    def __init__(self,master):
        Frame.__init__(self,master=None)
        self.x = self.y = 0
        self.canvas = Canvas(master,  cursor="cross")

        self.sbarv=Scrollbar(self,orient=VERTICAL)
        self.sbarh=Scrollbar(self,orient=HORIZONTAL)
        self.sbarv.config(command=self.canvas.yview)
        self.sbarh.config(command=self.canvas.xview)

        self.canvas.config(yscrollcommand=self.sbarv.set)
        self.canvas.config(xscrollcommand=self.sbarh.set)

        self.canvas.grid(row=0,column=0,sticky=N+S+E+W)
        self.sbarv.grid(row=0,column=1,stick=N+S)
        self.sbarh.grid(row=1,column=0,sticky=E+W)

        self.canvas.bind("<ButtonPress-1>", self.on_button_press)
        self.canvas.bind("<B1-Motion>", self.on_move_press)
        self.canvas.bind("<ButtonRelease-1>", self.on_button_release)

        self.rect = None

        self.start_x = None
        self.start_y = None


        self.im = PIL.Image.open("logo.png")
        self.wazil,self.lard=self.im.size
        self.canvas.config(scrollregion=(0,0,self.wazil,self.lard))
        self.tk_im = ImageTk.PhotoImage(self.im)
        self.canvas.create_image(0,0,anchor="nw",image=self.tk_im)   


    def on_button_press(self, event):
        # save mouse drag start position
        self.start_x = event.x
        self.start_y = event.y

        # create rectangle if not yet exist
        #if not self.rect:
        self.rect = self.canvas.create_rectangle(self.x, self.y, 1, 1, fill="")

    def on_move_press(self, event):
        curX, curY = (event.x, event.y)

        # expand rectangle as you drag the mouse
        self.canvas.coords(self.rect, self.start_x, self.start_y, curX, curY)    


    def on_button_release(self, event):
        pass    

if __name__ == "__main__":
    root=Tk()
    app = ExampleApp(root)
    root.mainloop()

1 个答案:

答案 0 :(得分:8)

滚动条不显示,因为您<span class="wlb_wrapper" data-tconst="tt0463985" data-size="small" data-caller-name="search"></span> 将它们放入未放入父窗口的框架(grid)中。您可以直接将Canvas网格化到父窗口(self.sbarv=Scrollbar(self, ...))。

你应该做的是将Canvas放在self.canvas = Canvas(master, ...)中,然后使用

将Frame打包到主窗口中
self

但是,在滚动时,app = ExampleApp(root) app.pack() event.x不再代表画布上的正确位置,因此您应该使用

event.y

self.start_x = self.canvas.canvasx(event.x)
self.start_y = self.canvas.canvasy(event.y)

然后,我知道你想在鼠标拖动到画布的一个边框时自动滚动画布?要做到这一点,您需要检查鼠标是否位于画布的一个边缘,如果是,则向该方向滚动。你可以使用类似的东西:

curX = self.canvas.canvasx(event.x)
curY = self.canvas.canvasy(event.y)

因此,代码中实现的所有内容都变为:

w, h = self.canvas.winfo_width(), self.canvas.winfo_height()
if event.x > 0.9*w:
    self.canvas.xview_scroll(1, 'units') 
elif event.x < 0.1*w:
    self.canvas.xview_scroll(-1, 'units')
if event.y > 0.9*h:
    self.canvas.yview_scroll(1, 'units') 
elif event.y < 0.1*h:
    self.canvas.yview_scroll(-1, 'units')