我想使用 tkinter (Python 3) 显示图像。图片很长。因此,我想添加一个垂直滚动条。这是我尝试过的:
(基于这个问题:Scrollbars for a .jpg image on a Tkinter Canvas in Python)
import tkinter
import PIL.Image, PIL.ImageTk
# Create a window
window = tkinter.Tk()
frame = tkinter.Frame(window, bd=2) # relief=SUNKEN)
frame.grid_rowconfigure(0, weight=1)
frame.grid_columnconfigure(0, weight=1)
xscrollbar = tkinter.Scrollbar(frame, orient=tkinter.HORIZONTAL)
xscrollbar.grid(row=1, column=0, sticky=tkinter.E+tkinter.W)
yscrollbar = tkinter.Scrollbar(frame)
yscrollbar.grid(row=0, column=1, sticky=tkinter.N+tkinter.S)
canvas = tkinter.Canvas(frame, bd=0, xscrollcommand=xscrollbar.set, yscrollcommand=yscrollbar.set)
canvas.grid(row=0, column=0, sticky=tkinter.N+tkinter.S+tkinter.E+tkinter.W)
canvas.config(scrollregion=canvas.bbox(tkinter.ALL))
File = "FILEPATH"
img = PIL.ImageTk.PhotoImage(PIL.Image.open(File))
canvas.create_image(0,0,image=img, anchor="nw")
xscrollbar.config(command=canvas.xview)
yscrollbar.config(command=canvas.yview)
frame.pack()
window.mainloop()
我得到以下信息:
我可以绘制图像,但滚动条不起作用。它们只是灰色且无法正常工作。
最佳答案
如果您想要一个可滚动图像小部件,那么最好的方法是创建一个可滚动图像类,它会根据您的代码进行排列和看起来更好。所以我为此创建了一个类并添加了 bind <MouseWheel>
这样人们就可以滚动鼠标来更方便地查看图像。
这是代码示例
import tkinter
class ScrollableImage(tkinter.Frame):
def __init__(self, master=None, **kw):
self.image = kw.pop('image', None)
sw = kw.pop('scrollbarwidth', 10)
super(ScrollableImage, self).__init__(master=master, **kw)
self.cnvs = tkinter.Canvas(self, highlightthickness=0, **kw)
self.cnvs.create_image(0, 0, anchor='nw', image=self.image)
# Vertical and Horizontal scrollbars
self.v_scroll = tkinter.Scrollbar(self, orient='vertical', width=sw)
self.h_scroll = tkinter.Scrollbar(self, orient='horizontal', width=sw)
# Grid and configure weight.
self.cnvs.grid(row=0, column=0, sticky='nsew')
self.h_scroll.grid(row=1, column=0, sticky='ew')
self.v_scroll.grid(row=0, column=1, sticky='ns')
self.rowconfigure(0, weight=1)
self.columnconfigure(0, weight=1)
# Set the scrollbars to the canvas
self.cnvs.config(xscrollcommand=self.h_scroll.set,
yscrollcommand=self.v_scroll.set)
# Set canvas view to the scrollbars
self.v_scroll.config(command=self.cnvs.yview)
self.h_scroll.config(command=self.cnvs.xview)
# Assign the region to be scrolled
self.cnvs.config(scrollregion=self.cnvs.bbox('all'))
self.cnvs.bind_class(self.cnvs, "<MouseWheel>", self.mouse_scroll)
def mouse_scroll(self, evt):
if evt.state == 0 :
self.cnvs.yview_scroll(-1*(evt.delta), 'units') # For MacOS
self.cnvs.yview_scroll(int(-1*(evt.delta/120)), 'units') # For windows
if evt.state == 1:
self.cnvs.xview_scroll(-1*(evt.delta), 'units') # For MacOS
self.cnvs.xview_scroll(int(-1*(evt.delta/120)), 'units') # For windows
如何使用类(class)?
对待 ScrollableImage
类作为 Tkinter 的一个小部件并像使用任何其他 Tkinter 小部件一样使用,因为如果您看到 source code of tkinter,每个其他小部件都是它们自己的一个类。 .
您可以通过不同的方式使用 ScrollableImage
.
将上面的代码保存到一个新的
<name>.py
(例如:“scrollimage.py”) 将文件作为一个包放在同一目录中,然后像from scrollimage import ScrollableImage
一样导入到您的主类中然后将其用作普通小部件。或者您可以保留
ScrollableImage
在导入主文件后在顶部类并像平常一样使用它。
示例:
import tkinter as tk
# Import the package if saved in a different .py file else paste
# the ScrollableImage class right after your imports.
from scrollimage import ScrollableImage
root = tk.Tk()
# PhotoImage from tkinter only supports:- PGM, PPM, GIF, PNG format.
# To use more formats use PIL ImageTk.PhotoImage
img = tk.PhotoImage(file="logo.png")
image_window = ScrollableImage(root, image=img, scrollbarwidth=6,
width=200, height=200)
image_window.pack()
root.mainloop()
绑定(bind)<MouseWheel>
需要在 Windows 上进行一些修改,例如划分 event.delta
120。在 macOS 上不需要修改。在 X11 上你需要同时绑定(bind) <Button-4>
, <Button-5>
并划分event.delta
120。
-
有关绑定(bind)的更多详细信息
<MouseWheel>
以及它在不同平台上的工作方式可以查看上面的链接。 Best way to structure Tkinter application.
您可以引用上面的链接详细了解如何在 Tkinter 中正确应用 oops。当您使用 OOP 时,您始终可以继承 Tkinter 的任何小部件并对其进行修改以生成新的小部件和有用的类,这将帮助您更好地使用 Tkinter 制作应用程序。
关于python - 在 Python 中使用滚动条显示大图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56043767/