Как сделать на tkinter отзывчивую canva? - PullRequest
0 голосов
/ 13 июля 2020

(Это первое редактирование было сделано перед изменением названия, пожалуйста, прочтите до конца!)

У меня проблемы при настройке экрана Tkinter на Windows 10.

I делал такие вещи:

width_screen  = root.winfo_screenwidth()
height_screen = root.winfo_screenheight()
root.geometry(f'{width_screen}x{height_screen}')

Но проблема в том, что эта конфигурация скрывает мою панель задач ... Я ищу способ настроить экран, как, например, для моего браузера, с развернутым окном и панель задач.

Большое спасибо за вашу помощь.

ИЗМЕНИТЬ 1: Он не работает с этим кодом ...

#!/usr/bin/env python3
# -*- coding:utf-8 -*-

# -------------------------------- Importation ------------------------------- #

import os
import subprocess

import tkinter as tk

# ------------------------------ Initialisation ------------------------------ #

root = tk.Tk() #initialise l'application
root.title("Bruits ambiants pour l'écoute du patient")

width_screen  = root.winfo_screenwidth()
height_screen = root.winfo_screenheight()
root.state('zoomed')

wav_files = ["a.wav","b.wav","c.wav","d.wav","e.wav","f.wav","g.wav","h.wav","i.wav","j.wav","k.wav","l.wav","m.wav","n.wav","o.wav","p.wav","q.wav","r.wav","s.wav","t.wav","u.wav","v.wav","w.wav","x.wav","y.wav","z.wav","aa.wav","bb.wav","cc.wav","dd.wav","ee.wav","ff.wav","gg.wav","hh.wav","ii.wav","jj.wav"]


# ---------------------------------------------------------------------------- #
#                            Vertical scrolled frame                           #
# ---------------------------------------------------------------------------- #

class VerticalScrolledFrame(tk.Frame):

    def __init__(self, parent, *args, **kw):
        tk.Frame.__init__(self, parent, *args, **kw)            

        # Create a frame for the canvas with non-zero row&column weights
        self.frame_canvas = tk.Frame(self,bg="gray50")
        self.frame_canvas.grid(row=2, column=0, sticky='nw')
        self.frame_canvas.grid_rowconfigure(0, weight=1)
        self.frame_canvas.grid_columnconfigure(0, weight=1)
        self.parent=parent

        # create a canvas object and a vertical scrollbar for scrolling it
        vscrollbar = tk.Scrollbar(self.frame_canvas, orient=tk.VERTICAL)
        vscrollbar.grid(row=0, column=1, sticky='ns')
        self.canvas = tk.Canvas(self.frame_canvas, bd=0, highlightthickness=0,
                        yscrollcommand=vscrollbar.set, width=self.parent.winfo_screenwidth(), 
                        height=self.parent.winfo_screenheight()-100)
        self.canvas.grid(row=0, column=0, sticky="news")
        vscrollbar.config(command=self.canvas.yview)
        
        self.canvas.bind_all("<MouseWheel>", self._on_mousewheel)

        # create a frame inside the canvas which will be scrolled with it
        self.interior = interior = tk.Frame(self.canvas,bg="gray50")
        interior_id = self.canvas.create_window(0, 0, window=interior,
                                           anchor=tk.NW)
        self.interior.update_idletasks()

        # track changes to the canvas and frame width and sync them,
        # also updating the scrollbar
        def _configure_interior(event):
            # update the scrollbars to match the size of the inner frame
            size = (interior.winfo_reqwidth(), interior.winfo_reqheight())
            self.canvas.config(scrollregion="0 0 %s %s" % size)
            if interior.winfo_reqwidth() != self.canvas.winfo_width():
                # update the canvas's width to fit the inner frame
                self.canvas.config(width=interior.winfo_reqwidth())

        interior.bind('<Configure>', _configure_interior)
        
        self.canvas.config(scrollregion=self.canvas.bbox("all"))

        def _configure_canvas(event):
            if interior.winfo_reqwidth() != self.canvas.winfo_width():
                # update the inner frame's width to fill the canvas
                self.canvas.itemconfigure(interior_id, width=self.canvas.winfo_width())
        self.canvas.bind('<Configure>', _configure_canvas)

    def _on_mousewheel(self, event):
        if len(wav_files) > 25:
            self.canvas.yview_scroll(int(-1*(event.delta/120)), "units")
        

# ---------------------------------------------------------------------------- #
#                                 Sound Buttons                                #
# ---------------------------------------------------------------------------- #

class Make_sound:
    def __init__(self, name, parent, i):

        self.varbutton = tk.StringVar()

        self.name = name
        self.parent = parent


        self.num = i
        self.soundbuttoncreator()

    def soundbuttoncreator(self):

        self.rows = self.num//4
        self.columns = self.num%4

        self.frame = tk.Frame(self.parent,bg="gray50", bd=3, relief="flat") # create a frame to hold the widgets
        
        # use self.frame as parent instead of self.parent

        self.button = tk.Checkbutton(self.frame, text=self.name.capitalize(), indicatoron=False, selectcolor="DeepSkyBlue3", background="slate gray", activebackground="LightSteelBlue3",variable=self.varbutton, command=self.launchsound, height=6, width=20) 
        self.button.pack()

        self.button.bind("<Enter>", self.on_enter)
        self.button.bind("<Leave>", self.on_leave)

        self.frame.grid(row=self.rows, column=self.columns)

    def on_enter(self, e):
        self.button['background'] = 'LightSteelBlue3'

    def on_leave(self, e):
        self.button['background'] = 'slate gray'

    def launchsound(self):   
        pass


def sounds_buttons(parent):
    for i in range(len(wav_files)):
        new_name = wav_files[i][:-4]
        globals()["wav_files"][i] = Make_sound(new_name,parent,i)
            

def end_all():
    for i in range(len(wav_files)):
        globals()["wav_files"][i].varbutton.set("0")
        try:
            globals()["wav_files"][i].chan.stop()
        except AttributeError:
            pass

# ---------------------------------------------------------------------------- #
#                                   Creation                                   #
# ---------------------------------------------------------------------------- #

# ---------------------------------- Button ---------------------------------- #

frame_test = tk.Frame(root)
frame_test.grid(row=10,column=0, columnspan=5, sticky="s",padx=5,pady=10)
Button_open = tk.Button(frame_test, text="Open", background="slate gray", activebackground="LightSteelBlue3")
Button_open.pack(fill="x")
Button_end = tk.Button(frame_test, text="End", background="slate gray", activebackground="LightSteelBlue3")
Button_end.pack(fill="x")


# ---------------------------------------------------------------------------- #
#                                 LEFT BUTTONS                                 #
# ---------------------------------------------------------------------------- #

frame_buttons = tk.Frame(root,bd=5,bg="gray50")
frame_buttons.grid(row=1,column=0,rowspan=8,padx=5,pady=10,sticky="nw")

scframe = VerticalScrolledFrame(frame_buttons)
scframe.grid(row=1,column=0,rowspan=20,columnspan=3)

sounds_buttons(scframe.interior)

# ----------------------------------- test ----------------------------------- #

panel = tk.Button(root, text="test", background="slate gray", activebackground="LightSteelBlue3")
panel.grid(row=0,column=0,sticky="nw")

# ---------------------------------------------------------------------------- #
#                                     ROOT                                     #
# ---------------------------------------------------------------------------- #

root.mainloop()

(Некоторые ИЗМЕНЕНИЯ были подавлено для вашей читабельности)

ПОСЛЕДНЕЕ РЕДАКТИРОВАНИЕ:

Я обнаружил, что проблема связана с частью моего класса:

        self.canvas = tk.Canvas(self.frame_canvas, bd=0, highlightthickness=0,
                        yscrollcommand=vscrollbar.set, width=self.parent.winfo_screenwidth(), 
                        height=self.parent.winfo_screenheight()-100)

Фактически, height=self.parent.winfo_screenheight()-100 деталь не работает должным образом. Если я поставлю height=self.parent.winfo_screenheight()-1000, вот мой результат: введите описание изображения здесь

Это многообещающе, потому что теперь я вижу рамку. Теперь я понимаю, что я просто хочу, чтобы холст был отзывчивым, а не задавал высоту и ширину, хотя я могу работать с ним на многих компьютерах!

Не могли бы вы объяснить мне, как этого добиться? Может быть, например, всегда иметь 4 столбца кнопок, но с их размерами, которые могут изменяться, и настроить список кнопок так, чтобы он всегда занимал остальную часть экрана (мы могли бы сказать, что он может занимать половину ширины экрана, и что кнопки сверху и снизу должны расти по мере роста списка кнопок?).

1 Ответ

1 голос
/ 15 июля 2020

Попробуйте следующий код:

#!/usr/bin/env python3
# -*- coding:utf-8 -*-

# -------------------------------- Importation ------------------------------- #

import os
import subprocess

import tkinter as tk

# ------------------------------ Initialisation ------------------------------ #

root = tk.Tk()  # initialise l'application
root.title("Bruits ambiants pour l'écoute du patient")

width_screen = root.winfo_screenwidth()
height_screen = root.winfo_screenheight()
root.state('zoomed')

wav_files = ["a.wav", "b.wav", "c.wav", "d.wav", "e.wav", "f.wav", "g.wav", "h.wav", "i.wav", "j.wav", "k.wav", "l.wav",
             "m.wav", "n.wav", "o.wav", "p.wav", "q.wav", "r.wav", "s.wav", "t.wav", "u.wav", "v.wav", "w.wav", "x.wav",
             "y.wav", "z.wav", "aa.wav", "bb.wav", "cc.wav", "dd.wav", "ee.wav", "ff.wav", "gg.wav", "hh.wav", "ii.wav",
             "jj.wav"]


# ---------------------------------------------------------------------------- #
#                            Vertical scrolled frame                           #
# ---------------------------------------------------------------------------- #

class VerticalScrolledFrame(tk.Frame):

    def __init__(self, parent, *args, **kw):
        tk.Frame.__init__(self, parent, *args, **kw)

        # Create a frame for the canvas with non-zero row&column weights
        self.parent = parent

        # create a canvas object and a vertical scrollbar for scrolling it
        vscrollbar = tk.Scrollbar(self, orient=tk.VERTICAL)
        vscrollbar.pack(fill="y", side="right",expand=True)
        self.canvas = tk.Canvas(self, bd=0, highlightthickness=1,
                                yscrollcommand=vscrollbar.set)
        self.canvas.pack(fill="both", expand=True)
        vscrollbar.config(command=self.canvas.yview)

        self.canvas.bind_all("<MouseWheel>", self._on_mousewheel)

        # create a frame inside the canvas which will be scrolled with it
        self.interior = interior = tk.Frame(self.canvas, bg="gray50")
        interior_id = self.canvas.create_window(0, 0, window=interior,
                                                anchor=tk.NW)
        self.interior.update_idletasks()

        # track changes to the canvas and frame width and sync them,
        # also updating the scrollbar
        def _configure_interior(event):
            # update the scrollbars to match the size of the inner frame
            size = (interior.winfo_reqwidth(), interior.winfo_reqheight())
            self.canvas.config(scrollregion="0 0 %s %s" % size)
            if interior.winfo_reqwidth() != self.canvas.winfo_width():
                # update the canvas's width to fit the inner frame
                self.canvas.config(width=interior.winfo_reqwidth())

        interior.bind('<Configure>', _configure_interior)

        self.canvas.config(scrollregion=self.canvas.bbox("all"))

        def _configure_canvas(event):
            if interior.winfo_reqwidth() != self.canvas.winfo_width():
                # update the inner frame's width to fill the canvas
                self.canvas.itemconfigure(interior_id, width=self.canvas.winfo_width())

        self.canvas.bind('<Configure>', _configure_canvas)

    def _on_mousewheel(self, event):
        if len(wav_files) > 25:
            self.canvas.yview_scroll(int(-1 * (event.delta / 120)), "units")


# ---------------------------------------------------------------------------- #
#                                 Sound Buttons                                #
# ---------------------------------------------------------------------------- #

class Make_sound:
    def __init__(self, name, parent, i):
        self.varbutton = tk.StringVar()

        self.name = name
        self.parent = parent

        self.num = i
        self.soundbuttoncreator()

    def soundbuttoncreator(self):
        self.rows = self.num // 4
        self.columns = self.num % 4

        self.frame = tk.Frame(self.parent, bg="gray50", bd=3, relief="flat")  # create a frame to hold the widgets

        # use self.frame as parent instead of self.parent

        self.button = tk.Checkbutton(self.frame, text=self.name.capitalize(), indicatoron=False,
                                     selectcolor="DeepSkyBlue3", background="slate gray",
                                     activebackground="LightSteelBlue3", variable=self.varbutton,
                                     command=self.launchsound, height=6, width=20)
        self.button.pack()

        self.button.bind("<Enter>", self.on_enter)
        self.button.bind("<Leave>", self.on_leave)

        self.frame.grid(row=self.rows, column=self.columns)

    def on_enter(self, e):
        self.button['background'] = 'LightSteelBlue3'

    def on_leave(self, e):
        self.button['background'] = 'slate gray'

    def launchsound(self):
        pass


def sounds_buttons(parent):
    for i in range(len(wav_files)):
        new_name = wav_files[i][:-4]
        globals()["wav_files"][i] = Make_sound(new_name, parent, i)


def end_all():
    for i in range(len(wav_files)):
        globals()["wav_files"][i].varbutton.set("0")
        try:
            globals()["wav_files"][i].chan.stop()
        except AttributeError:
            pass


# ---------------------------------------------------------------------------- #
#                                   Creation                                   #
# ---------------------------------------------------------------------------- #

# ---------------------------------- Button ---------------------------------- #

frame_test = tk.Frame(root)
frame_test.grid(row=10, column=0, columnspan=5, sticky="ns")
Button_open = tk.Button(frame_test, text="Open", background="slate gray", activebackground="LightSteelBlue3")
Button_open.grid(row=0, column=0, sticky="ns")
Button_end = tk.Button(frame_test, text="End", background="slate gray", activebackground="LightSteelBlue3")
Button_end.grid(row=1, column=0, sticky="ns")

# ---------------------------------------------------------------------------- #
#                                 LEFT BUTTONS                                 #
# ---------------------------------------------------------------------------- #

frame_buttons = tk.Frame(root, bd=5, bg="gray50")
frame_buttons.grid(row=1, column=0, rowspan=8, padx=5, pady=10, sticky="nwes")

scframe = VerticalScrolledFrame(frame_buttons)
scframe.pack(fill="both", expand=True)

sounds_buttons(scframe.interior)

# ----------------------------------- test ----------------------------------- #

panel = tk.Button(root, text="test", background="slate gray", activebackground="LightSteelBlue3")
panel.grid(row=0, column=0, sticky="nw")

# ---------------------------------------------------------------------------- #
#                                     ROOT                                     #
# ---------------------------------------------------------------------------- #

for i in range(1, 11):
    root.grid_rowconfigure(i, weight=1)

for i in range(frame_test.grid_size()[1]+1):
    frame_test.grid_rowconfigure(i, weight=1)

root.mainloop()

Слишком много кода, немного сложно понять ваш макет. Я многое изменил в вашем коде, ваш frame_buttons не использует sticky="nwes". Поэтому он не может заполнить фрейм.

И в холсте вам также нужно использовать pack manager (если вы не использовали sticky="nwes" и установили rowconfigure, я все равно рекомендую вам использовать pack).

для отзывчивости, вам нужно установить gird_rowconfigure

check код для более подробной информации.

Вывод:

If there only one button on the canvas, the scrollbar is disabled: введите описание изображения здесь

...