Сделать прокручиваемый кадр естественным в среде tkinter

Чего я жажду

Я создаю прокручиваемую рамку. На самом деле это фрейм, содержащий полосу прокрутки и холст, на котором находится еще один фрейм. Таким образом, рамку внутри холста можно прокручивать с помощью полосы прокрутки. Вы можете увидеть здесь «рамку с вертикальной прокруткой», которая работает.

Я бы хотел, чтобы это выглядело так, как будто это просто кадр с полосой прокрутки слева (и возможностью прокрутки), используя его следующим образом:

root = tkinter.Tk()
scroll_frame = ScrollFrame(root)

for i in range(100):
   ttk.Button(scroll_frame, text=f"Button {i}").pack()

scroll_frame.pack()
root.mainloop()

Очевидно, что это невозможно в примере, который я привел, потому что кнопки будут упакованы в контейнер-фрейм, который не прокручивается. Вместо этого мы должны сделать это:

ttk.Button(scroll_frame.interior, text=...)

И ScrollFrame больше не похож на виджеты tkinter...

О чем я думал

  • Моя первая идея заключалась в том, чтобы уловить, как событие, приписывание ScrollFrame мастеру и вместо этого дать рамку interior; но я не нашел способа сделать это.

Кроме того, я поменял роли: ScrollFrame() возвращает внутренний фрейм, а фрейм контейнера — ScrollFrame().container. Поскольку ScrollFrame теперь является внутренней рамкой, проблема в том, что мне нужно написать следующее:

scroll_frame = ScrollFrame()
...
scroll_frame.container.pack()   #doesn't look natural

Чтобы решить эту проблему, я выдвинул две идеи:

  • вставь это ScrollFrame.__init__:
self.pack  = self.pack_configure  = container.pack
self.grid  = self.grid_configure  = container.grid
self.place = self.place_configure = container.place

Но это может быть источником проблем, потому что с упаковкой, сеткой и местом связано много вещей, поэтому мне также приходится добавлять все вокруг, например pack_forget, может быть packinfo, grid_forget и т. д., и я могу не включить их все.

  • Потом я обнаружил событие <Map> и подумал: «О! Это легко, я сделаю что-то вроде этого:»
def on_map(event):
   container.tk.call((event.geometry_manager, "configure", container._w) + event.options)

self.bind("<Map>", on_map)

К сожалению, я не нашел способа получить информацию о том, как называлось мероприятие. И если метод сетки вызывается с некоторыми аргументами, я хочу, чтобы контейнер отображался с сеткой и этими аргументами, а не с пакетом или чем-то еще...

Пожалуйста помоги !

Неужели то, что я хочу сделать, такая плохая идея? Есть ли способ сделать это правильно?

Каждый дизайн имеет свои ограничения или ограничения, поэтому живите с этим, если вы не можете найти лучший способ.

acw1668 17.04.2024 12:11

Есть еще один интересный подход , но его, возможно, сложнее использовать.

Danya K 17.04.2024 13:34

@DanyaK это похоже на подход customtkinter CTkScrollableFrame, но контейнер или родительский фрейм являются главными. Поэтому это также не сработает, если добавить его непосредственно в блокнот. Итак, как сказал acw1668: возможно, здесь нужно пойти на компромисс.

Jan_B 17.04.2024 14:36
Почему в Python есть оператор "pass"?
Почему в Python есть оператор "pass"?
Оператор pass в Python - это простая концепция, которую могут быстро освоить даже новички без опыта программирования.
Некоторые методы, о которых вы не знали, что они существуют в Python
Некоторые методы, о которых вы не знали, что они существуют в Python
Python - самый известный и самый простой в изучении язык в наши дни. Имея широкий спектр применения в области машинного обучения, Data Science,...
Основы Python Часть I
Основы Python Часть I
Вы когда-нибудь задумывались, почему в программах на Python вы видите приведенный ниже код?
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
LeetCode - 1579. Удаление максимального числа ребер для сохранения полной проходимости графа
Алиса и Боб имеют неориентированный граф из n узлов и трех типов ребер:
Оптимизация кода с помощью тернарного оператора Python
Оптимизация кода с помощью тернарного оператора Python
И последнее, что мы хотели бы показать вам, прежде чем двигаться дальше, это
Советы по эффективной веб-разработке с помощью Python
Советы по эффективной веб-разработке с помощью Python
Как веб-разработчик, Python может стать мощным инструментом для создания эффективных и масштабируемых веб-приложений.
1
3
132
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Том Шимански решил эту проблему в своем customtkinterCTkScrollableFrame, сделав свой класс фактическим внутренним Frame и сначала создав родительский Frame и Canvas для обертывания самого себя.

Взгляните на этот отрывок из метода init:

def __init__(self, master: Any, width: int = 200, height: int = 200, ... ):
    ...
    # first creating parent frame and canvas
    self._parent_frame = CTkFrame(master=master, width=0, height=0, corner_radius=corner_radius,
                                  border_width=border_width, bg_color=bg_color, fg_color=fg_color, border_color=border_color)
    self._parent_canvas = tkinter.Canvas(master=self._parent_frame, highlightthickness=0)
    ...
    # then creating the "actual class frame" that is represented by self, setting its master to the parent canvas
    tkinter.Frame.__init__(self, master=self._parent_canvas, highlightthickness=0)
    ...

Обратите внимание, что тогда вам придется перезаписать все методы, такие как pack и grid, чтобы ваш класс фрейма нацеливался на родительский элемент, а не на внутренний фрейм, например:

def pack(self, **kwargs):
    self._parent_frame.pack(**kwargs)

Кроме того, масштабирование и т. д. немного хакерские, но вы сможете легко адаптировать его класс по своему желанию.

ОБНОВЛЯТЬ:

Это кажется плохой идеей, потому что это означает перезапись всех методов, связанных с упаковкой, сеткой и местом, а я не знаю всех этих методов. Кроме того, это не работает при использовании Блокнота, например: блокнот.add(scroll_frame) должен добавить контейнер. Кто знает, в скольких случаях могут произойти такие неисправности?

Итак, вот полностью переведенный класс с демонстрацией использования:

import tkinter
from tkinter import ttk
import sys


class ScrollableFrame(tkinter.Frame):
    """Adaptation of TomSchimansky CTkScrollableFrame logic, but in 'plain' tkinter"""
    def __init__(self, master, width: int = 200, height: int = 200, border_width=None,
                 bg_color=None, fg_color=None, border_color=None,
                 scrollbar_fg_color=None, scrollbar_button_color=None, scrollbar_button_hover_color=None,
                 label_fg_color=None, label_text_color=None, label_text: str = "", label_font=None,
                 label_anchor: str = "center", orientation: str = "vertical"):

        self._orientation = orientation

        # dimensions independent of scaling:
        # _desired_width and _desired_height, represent desired size set by width and height
        self._desired_width = width
        self._desired_height = height

        self._parent_frame = tkinter.Frame(master=master, width=0, height=0,
                                           border_width=border_width, bg=bg_color, fg=fg_color,
                                           border_color=border_color)
        self._parent_canvas = tkinter.Canvas(master=self._parent_frame, highlightthickness=0)
        self._set_scroll_increments()

        self._scrollbar = tkinter.Scrollbar(master=self._parent_frame, orient=self._orientation,
                                            command=self._parent_canvas.xview if self._orientation == 'horizontal'
                                            else self._parent_canvas.yview,
                                            fg_color=scrollbar_fg_color, button_color=scrollbar_button_color,
                                            button_hover_color=scrollbar_button_hover_color)
        if self._orientation == "vertical":
            self._parent_canvas.configure(yscrollcommand=self._scrollbar.set)
        elif self._orientation == "horizontal":
            self._parent_canvas.configure(xscrollcommand=self._scrollbar.set)

        self._label_text = label_text
        self._label = tkinter.Label(self._parent_frame, text=label_text, anchor=label_anchor, font=label_font,
                                    text_color=label_text_color, fg_color=label_fg_color)

        tkinter.Frame.__init__(self, master=self._parent_canvas, highlightthickness=0)

        self._create_grid()

        self._parent_canvas.configure(width=self._desired_width, height=self._desired_height)

        self.bind("<Configure>", lambda e: self._parent_canvas.configure(scrollregion=self._parent_canvas.bbox("all")))
        self._parent_canvas.bind("<Configure>", self._fit_frame_dimensions_to_canvas)
        self.bind_all("<MouseWheel>", self._mouse_wheel_all, add = "+")
        self.bind_all("<KeyPress-Shift_L>", self._keyboard_shift_press_all, add = "+")
        self.bind_all("<KeyPress-Shift_R>", self._keyboard_shift_press_all, add = "+")
        self.bind_all("<KeyRelease-Shift_L>", self._keyboard_shift_release_all, add = "+")
        self.bind_all("<KeyRelease-Shift_R>", self._keyboard_shift_release_all, add = "+")
        self._create_window_id = self._parent_canvas.create_window(0, 0, window=self, anchor = "nw")

        tkinter.Frame.configure(self, bg=self._parent_frame.cget("bg"))
        self._parent_canvas.configure(bg=self._parent_frame.cget("bg"))

        self._shift_pressed = False

    def _create_grid(self):
        border_spacing = 5

        if self._orientation == "horizontal":
            self._parent_frame.grid_columnconfigure(0, weight=1)
            self._parent_frame.grid_rowconfigure(1, weight=1)
            self._parent_canvas.grid(row=1, column=0, sticky = "nsew", padx=border_spacing, pady=(border_spacing, 0))
            self._scrollbar.grid(row=2, column=0, sticky = "nsew", padx=border_spacing)

            if self._label_text is not None and self._label_text != "":
                self._label.grid(row=0, column=0, sticky = "ew", padx=border_spacing, pady=border_spacing)
            else:
                self._label.grid_forget()

        elif self._orientation == "vertical":
            self._parent_frame.grid_columnconfigure(0, weight=1)
            self._parent_frame.grid_rowconfigure(1, weight=1)
            self._parent_canvas.grid(row=1, column=0, sticky = "nsew", padx=(border_spacing, 0), pady=border_spacing)
            self._scrollbar.grid(row=1, column=1, sticky = "nsew", pady=border_spacing)

            if self._label_text is not None and self._label_text != "":
                self._label.grid(row=0, column=0, columnspan=2, sticky = "ew", padx=border_spacing, pady=border_spacing)
            else:
                self._label.grid_forget()

    def _set_dimensions(self, width=None, height=None):
        if width is not None:
            self._desired_width = width
        if height is not None:
            self._desired_height = height

        self._parent_canvas.configure(width=self._desired_width, height=self._desired_height)

    def configure(self, **kwargs):
        if "width" in kwargs:
            self._set_dimensions(width=kwargs.pop("width"))

        if "height" in kwargs:
            self._set_dimensions(height=kwargs.pop("height"))

        if "border_width" in kwargs:
            self._parent_frame.configure(border_width=kwargs.pop("border_width"))
            self._create_grid()

        if "fg_color" in kwargs:
            self._parent_frame.configure(fg=kwargs.pop("fg_color"))

            tkinter.Frame.configure(self, bg=self._parent_frame.cget("bg"))
            self._parent_canvas.configure(bg=self._parent_frame.cget("bg"))

            for child in self.winfo_children():
                if isinstance(child, tkinter.Tk):
                    child.configure(bg=self._parent_frame.cget("fg"))

        if "scrollbar_fg_color" in kwargs:
            self._scrollbar.configure(fg_color=kwargs.pop("scrollbar_fg_color"))

        if "scrollbar_button_color" in kwargs:
            self._scrollbar.configure(button_color=kwargs.pop("scrollbar_button_color"))

        if "scrollbar_button_hover_color" in kwargs:
            self._scrollbar.configure(button_hover_color=kwargs.pop("scrollbar_button_hover_color"))

        if "label_text" in kwargs:
            self._label_text = kwargs.pop("label_text")
            self._label.configure(text=self._label_text)
            self._create_grid()

        if "label_font" in kwargs:
            self._label.configure(font=kwargs.pop("label_font"))

        if "label_text_color" in kwargs:
            self._label.configure(text_color=kwargs.pop("label_text_color"))

        if "label_fg_color" in kwargs:
            self._label.configure(fg_color=kwargs.pop("label_fg_color"))

        if "label_anchor" in kwargs:
            self._label.configure(anchor=kwargs.pop("label_anchor"))

        self._parent_frame.configure(**kwargs)

    def cget(self, attribute_name: str):
        if attribute_name == "width":
            return self._desired_width
        elif attribute_name == "height":
            return self._desired_height

        elif attribute_name == "label_text":
            return self._label_text
        elif attribute_name == "label_font":
            return self._label.cget("font")
        elif attribute_name == "label_text_color":
            return self._label.cget("_text_color")
        elif attribute_name == "label_fg_color":
            return self._label.cget("fg_color")
        elif attribute_name == "label_anchor":
            return self._label.cget("anchor")

        elif attribute_name.startswith("scrollbar_fg_color"):
            return self._scrollbar.cget("fg_color")
        elif attribute_name.startswith("scrollbar_button_color"):
            return self._scrollbar.cget("button_color")
        elif attribute_name.startswith("scrollbar_button_hover_color"):
            return self._scrollbar.cget("button_hover_color")

        else:
            return self._parent_frame.cget(attribute_name)

    def _fit_frame_dimensions_to_canvas(self, event):
        if self._orientation == "horizontal":
            self._parent_canvas.itemconfigure(self._create_window_id, height=self._parent_canvas.winfo_height())
        elif self._orientation == "vertical":
            self._parent_canvas.itemconfigure(self._create_window_id, width=self._parent_canvas.winfo_width())

    def _set_scroll_increments(self):
        if sys.platform.startswith("win"):
            self._parent_canvas.configure(xscrollincrement=1, yscrollincrement=1)
        elif sys.platform == "darwin":
            self._parent_canvas.configure(xscrollincrement=4, yscrollincrement=8)

    def _mouse_wheel_all(self, event):
        if self.check_if_master_is_canvas(event.widget):
            if sys.platform.startswith("win"):
                if self._shift_pressed:
                    if self._parent_canvas.xview() != (0.0, 1.0):
                        self._parent_canvas.xview("scroll", -int(event.delta / 6), "units")
                else:
                    if self._parent_canvas.yview() != (0.0, 1.0):
                        self._parent_canvas.yview("scroll", -int(event.delta / 6), "units")
            elif sys.platform == "darwin":
                if self._shift_pressed:
                    if self._parent_canvas.xview() != (0.0, 1.0):
                        self._parent_canvas.xview("scroll", -event.delta, "units")
                else:
                    if self._parent_canvas.yview() != (0.0, 1.0):
                        self._parent_canvas.yview("scroll", -event.delta, "units")
            else:
                if self._shift_pressed:
                    if self._parent_canvas.xview() != (0.0, 1.0):
                        self._parent_canvas.xview("scroll", -event.delta, "units")
                else:
                    if self._parent_canvas.yview() != (0.0, 1.0):
                        self._parent_canvas.yview("scroll", -event.delta, "units")

    def _keyboard_shift_press_all(self, event):
        self._shift_pressed = True

    def _keyboard_shift_release_all(self, event):
        self._shift_pressed = False

    def check_if_master_is_canvas(self, widget):
        if widget == self._parent_canvas:
            return True
        elif widget.master is not None:
            return self.check_if_master_is_canvas(widget.master)
        else:
            return False

    def pack(self, **kwargs):
        self._parent_frame.pack(**kwargs)

    def place(self, **kwargs):
        self._parent_frame.place(**kwargs)

    def grid(self, **kwargs):
        self._parent_frame.grid(**kwargs)

    def pack_forget(self):
        self._parent_frame.pack_forget()

    def place_forget(self, **kwargs):
        self._parent_frame.place_forget()

    def grid_forget(self, **kwargs):
        self._parent_frame.grid_forget()

    def grid_remove(self, **kwargs):
        self._parent_frame.grid_remove()

    def grid_propagate(self, **kwargs):
        self._parent_frame.grid_propagate()

    def grid_info(self, **kwargs):
        return self._parent_frame.grid_info()

    def lift(self, aboveThis=None):
        self._parent_frame.lift(aboveThis)

    def lower(self, belowThis=None):
        self._parent_frame.lower(belowThis)


if __name__ == '__main__':
    # Test App
    root = tkinter.Tk()
    root.title('Demo - Scrollable Frame in Notebook')
    root.geometry('500x300')

    # create notebook
    notebook = ttk.Notebook(root)
    notebook.pack(pady=10, expand=True)

    # create hello frame
    hello_frame = tkinter.Frame(notebook)
    hello_frame.pack()
    hello_lbl = tkinter.Label(hello_frame, text='Hello!')
    hello_lbl.pack()

    # create Scroll frame
    scroll_frame = ScrollableFrame(notebook, label_text='100 Buttons')
    for i in range(100):
        ttk.Button(scroll_frame, text=f"Button {i}").pack()  # adding widgets directly to the scrolled frame
    scroll_frame.pack(expand=True, fill='both')

    # add frames to notebook
    notebook.add(hello_frame, text='Start')
    # compromise of using the _parent_frame when adding to notebook etc.
    notebook.add(scroll_frame._parent_frame, text='Scroll me')

    root.mainloop()

Это кажется плохой идеей, потому что это означает перезапись всех методов, связанных с упаковкой, сеткой и местом, а я не знаю всех этих методов. Кроме того, при использовании Блокнота это не работает, например: notebook.add(scroll_frame) следует добавить контейнер. Кто знает, в скольких случаях могут произойти такие неисправности?

Arkeor 17.04.2024 11:33

Во-первых, вы можете просто просмотреть связанный код GitHub, чтобы найти все соответствующие методы. Во-вторых, вы можете добавить прокручиваемую рамку, используя notebook.add(scroll_frame._parent_frame), но мне кажется, это выглядит неестественно…

Jan_B 17.04.2024 12:58

Должен признаться, что, кроме notebook.add(scroll_frame._parent_frame), в этом ScrollableFrame все работает так, как я хотел. Полагаю, что тогда невозможно сделать именно то, что я ожидал. Большое спасибо. Это отличный компромисс. (Я вообще никогда не использую Notebook.)

Arkeor 17.04.2024 16:25

Другие вопросы по теме