python - 在 Python 中使用滚动条显示大图像
问题描述
我想使用 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()
我得到以下信息:
我能够绘制图像,但滚动条不起作用。它们只是灰色且无法正常工作。
解决方案
如果您想要一个可滚动的图像小部件,那么最好的方法是创建一个可滚动的图像类,它可以排列和看起来更好地为您的代码。所以我为它创建了一个类并添加了绑定<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 小部件一样使用,因为如果您看到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()
绑定<MouseWheel>
需要在窗口上进行一些修改,例如除以event.delta
120。在 macOS 上不需要修改。在 X11 上,您需要同时绑定<Button-4>
,<Button-5>
并除以event.delta
120。
-
有关绑定的更多详细信息
<MouseWheel>
以及它在不同平台上的工作方式,请查看上面的链接。 -
您可以参考上面的链接详细了解如何在 Tkinter 中正确应用 oops。当您使用 OOP 时,您始终可以继承 Tkinter 的任何小部件并对其进行修改以创建新的小部件和有用的类,从而帮助您更好地使用 Tkinter 制作应用程序。
推荐阅读
- agda - Agda 中数据结构的导数
- c++ - 有没有办法让派生类让基类编辑受保护的变量
- matlab - Regionprops vs. PodczeckShapes/DIPimage Circularity 问题 - Matlab
- python - 找不到使用 selenium 和 python 下载图片的方法
- android - Android Room,使用空参数查询
- clojure - 在 Repl 中使用 Clojure 而不打开右括号
- javascript - 在 JavaScript 中是 ++ = +1 吗?
- java - 将 rsa 私钥分成两半
- jenkins - 如何使用 ansible 或其他工具为 Jenkins 自动配置 LDAP 和其他插件
- c++ - 在 VS 17 中运行加载转储文件的代码不兼容