Метод pack()

Прежде чем продолжить знакомство с виджетами GUI остановимся на вопросе их расположения в окне. Это важный вопрос, так как от интуитивности интерфейса во многом зависит удобство использования программы. Организуя виджеты в пространстве, программист отчасти становится дизайнером, разработчиком интерфейсов.

В Tkinter существует три так называемых менеджера геометрии – упаковщик, сетка и размещение по координатам. В этом уроке будет рассмотрен первый как наиболее простой и часто используемый, остальные два упомянем позже.

Упаковщик (packer) вызывается методом pack(), который имеется у всех виджетов-объектов. Мы уже использовали его. Если к элементу интерфейса не применить какой-либо из менеджеров геометрии, то он не отобразится в окне. При этом в одном окне (или любом другом родительском виджете) нельзя комбинировать разные менеджеры. Если вы начали размещать виджеты методом pack(), то не надо тут же использовать методы grid() (сетка) и place() (место).

Если в упаковщики не передавать аргументы, то виджеты будут располагаться вертикально, друг над другом. Тот объект, который первым вызовет pack(), будет вверху. Который вторым – под первым, и так далее.

У метода pack() есть параметр side (сторона), который принимает одно из четырех значений-констант tkinter – TOP, BOTTOM, LEFT, RIGHT (верх, низ, лево, право). По умолчанию, когда в pack() не указывается side, его значение равняется TOP. Из-за этого виджеты располагаются вертикально.

Создадим четыре раскрашенные метки

… 
l1 = Label(width=7, height=4, bg='yellow', text="1")
l2 = Label(width=7, height=4, bg='orange', text="2")
l3 = Label(width=7, height=4, bg='lightgreen', text="3")
l4 = Label(width=7, height=4, bg='lightblue', text="4")

и рассмотрим разные комбинации значений сайда:

side=TOP
 

side=BOTTOM
 

side=LEFT
 

side=RIGHT
 

Разные значения опции side метода pack()
 

Разные значения опции side метода pack()

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

Фреймы размещают на главном окне, а уже в фреймах – виджеты:

from tkinter import *
root = Tk()
f_top = Frame(root) # root можно не указывать
f_bot = Frame(root)
l1 = Label(f_top, width=7, height=4, bg='yellow', text="1")
l2 = Label(f_top, width=7, height=4, bg='orange', text="2")
l3 = Label(f_bot, width=7, height=4, bg='lightgreen', text="3")
l4 = Label(f_bot, width=7, height=4, bg='lightblue', text="4")
 
f_top.pack()
f_bot.pack()
l1.pack(side=LEFT)
l2.pack(side=LEFT)
l3.pack(side=LEFT)
l4.pack(side=LEFT)
 
root.mainloop()

Результат:

Упаковка во фреймы

Кроме Frame существует похожий класс LabelFrame – фрейм с подписью. В отличие от простого фрейма у него есть свойство text.

… 
f_top = LabelFrame(text="Верх")
f_bot = LabelFrame(text="Низ")

Использование LabelFrame

Кроме side у pack() есть другие параметры-свойства. Можно задавать внутренние (ipadx и ipady) и внешние (padx и pady) отступы:

Опции padx и pady

Опции ipadx и ipady

Когда устанавливаются внутренние отступы, то из-за того, что side прибивает виджет к левой границе, справа получаем отступ в 20 пикселей, а слева – ничего. Можно частично решить проблему, заменив внутренние отступы рамки на внешние отступы у меток.

Установка отступов у метки

Но тут появляется промежуток между самими метками. Чтобы его убрать, пришлось бы каждый виджет укладывать в свой собственный фрейм. Отсюда делаем вывод, что упаковщик Tkinter удобен только для относительно простых интерфейсов.

Следующие два свойства – fill (заполнение) и expand (расширение). По-умолчанию expand равен нулю (другое значение – единица), а fill – NONE (другие значения BOTH, X, Y). Создадим окно с одной меткой:

from tkinter import *
root = Tk()
l1 = Label(bg="lightgreen", width=30, height=10, text="This is a label")
l1.pack()
root.mainloop()

Если начать расширять окно или сразу раскрыть его на весь экран, то метка окажется вверху по вертикали и в середине по горизонтали. Причина, по которой метка не в середине по вертикали заключается в том, что side по-умолчанию равен TOP, и метку прибивает к верху.

expand=0

Если установить свойство expand в 1, то при расширении окна метка будет всегда в середине:

… 
l1.pack(expand=1)

expand=1

Свойство fill заставляет виджет заполнять все доступное пространство. Заполнить его можно во всех направлениях или только по одной из осей:

… 
l1.pack(expand=1, fill=Y)

fill=Y

Последняя опция метода pack() – anchor (якорь) – может принимать значения N (north – север), S (south – юг), W (west – запад), E (east – восток) и их комбинации:

… 
l1.pack(expand=1, anchor=SE)

Опция anchor метода pack()

Практическая работа

Перепишите программу из практической работы предыдущего урока так, чтобы интерфейс выглядел примерно следующим образом:

Пример интерфейса программы

Курс с примерами решений практических работ: android-приложение, pdf-версия.

Комментарии

from tkinter import*
root = Tk()
root.title('Labels')
'''canvas = Canvas(root, heigh=300, width=500)
canvas.pack()'''
f_top = LabelFrame(root, height=300, width=500, text='TOP')
f_bot = LabelFrame(root, text='BOTTOM')
f_top.pack(side=TOP, padx=10, pady=10, ipadx=10, ipady=10)
f_bot.pack(side=BOTTOM, padx=10, pady=10, ipadx=10, ipady=10)
l1 = Label(f_top,
           text='1',
           bg='yellow',
           width=7,
           height=4)
l2 = Label(f_top,
           text='2',
           bg='red',
           width=7,
           height=4)
l3 = Label(f_bot,
           text='3',
           bg='blue',
           width=7,
           height=4)
l4 = Label(f_bot,
           text='4',
           bg='orange',
           width=7,
           height=4)
l1.pack(side=LEFT, expand=2, ipadx=10, ipady=10, anchor=E)
l2.pack(side=LEFT, expand=2, ipadx=10, ipady=10, anchor=W)
l3.pack(side=LEFT, expand=2, ipadx=10, ipady=10, anchor=E)
l4.pack(side=LEFT, expand=2, ipadx=10, ipady=10, anchor=W)
mainloop()

Ответ на от Programist

from tkinter import *
 
colors = {
    "КРАСНЫЙ": "#ff0000",
    "ОРАНЖЕВЫЙ": "#ff7d00",
    "ЖЕЛТЫЙ": "#ffff00",
    "ЗЕЛЕНЫЙ": "#00ff00",
    "ГОЛУБОЙ": "#007dff",
    "СИНИЙ": "#0000ff",
    "ФИОЛЕТОВЫЙ": "#7d00ff"
}
 
class But:
    def __init__(self, master, color, color_code):
        self.color = color
        self.color_code = color_code
        self.b = Button(master, width=3, bg=self.color_code, command=self.setColor)
        self.b.pack(side=LEFT, padx=1, pady=1)
 
    def setColor(self):
        l.config(text=self.color)
        e.delete(0, END)
        e.insert(0, self.color_code)
 
 
root = Tk()
 
l = Label(root)
e = Entry(root, justify='center', bd=3)
f = Frame(root)
 
l.pack()
e.pack(pady=4, padx=4)
f.pack()
 
for col in colors.keys():
    But(root, col, colors[col])
 
root.mainloop()

from tkinter import*
 
dicColor = { "#ff0000":"красный", "#ff7d00":"оранжевый", "#ffff00" : "желтый", "#00ff00" : "зеленый", "#007dff" : "голубой", "#0000ff" :"синий", "#7d00ff" : "фиолетовый"}
 
def ReadColor(colB):
    for key, value in dicColor.items():
        if eval("b{0}['bg']".format(colB)) == key:
            e.delete(0,END)
            l['text'] = value
            e.insert(0,key)
 
 
 
wid = 5
hei = 2
root = Tk()
 
frame1 = Frame(root)
frame2 = Frame(root)
 
l = Label(frame1, width = 30)
e = Entry(frame1, width = 52, justify = CENTER)
b1 = Button(frame2, width = wid,height = hei, bg = "#ff0000", command = lambda i = 1: ReadColor(i))
b2 = Button(frame2, width = wid,height = hei, bg = "#ff7d00", command = lambda i = 2: ReadColor(i))
b3 = Button(frame2, width = wid,height = hei, bg = "#ffff00", command = lambda i = 3: ReadColor(i))
b4 = Button(frame2, width = wid,height = hei, bg = "#00ff00", command = lambda i = 4: ReadColor(i))
b5 = Button(frame2, width = wid,height = hei, bg = "#007dff", command = lambda i = 5: ReadColor(i))
b6 = Button(frame2, width = wid,height = hei, bg = "#0000ff", command = lambda i = 6: ReadColor(i))
b7 = Button(frame2, width = wid,height = hei, bg = "#7d00ff", command = lambda i = 7: ReadColor(i))
 
frame1.pack(side = TOP, expand=1, fill = X)
frame2.pack(side = TOP, expand=1, fill = X)
l.pack(side = TOP, padx = 2, pady = 2, expand=1)
e.pack(side = TOP, padx = 2, pady = 2, expand=1)
b1.pack(side = LEFT, padx = 2, pady = 2, expand=1)
b2.pack(side = LEFT, padx = 2, pady = 2, expand=1)
b3.pack(side = LEFT, padx = 2, pady = 2, expand=1)
b4.pack(side = LEFT, padx = 2, pady = 2, expand=1)
b5.pack(side = LEFT, padx = 2, pady = 2, expand=1)
b6.pack(side = LEFT, padx = 2, pady = 2, expand=1)
b7.pack(side = LEFT, padx = 2, pady = 2, expand=1)
 
 
 
root.mainloop()

Ответ на от Гость

Так через какой пакет Вы установили tkinter? через pip install "SomeProject" или как?!.

Пришлось долго помучаться но сделал
from tkinter import *
 
def red():
    Lf.config(text="красный")
    L0.delete(0, END)
    L0.insert(0, "#ff0000")
 
def orange():
    Lf.config(text="оранжевый")
    L0.delete(0, END)
    L0.insert(0, "#ff7d00")
 
def yellow():
    Lf.config(text="жёлтый")
    L0.delete(0, END)
    L0.insert(0, "#ffff00")
 
def green():
    Lf.config(text="зелёный")
    L0.delete(0, END)
    L0.insert(0, "#00ff00")
 
def cyan():
    Lf.config(text="голубой")
    L0.delete(0, END)
    L0.insert(0, "#007dff")
 
def blue():
    Lf.config(text="синий")
    L0.delete(0, END)
    L0.insert(0, "#0000ff")
 
def purple():
    Lf.config(text="фиолетовый")
    L0.delete(0, END)
    L0.insert(0, "#7d00ff")
 
root = Tk()
root.geometry("165x75")
 
Lf = Label(width=17)
Lf.pack()
 
L0 = Entry(justify=CENTER)
L0.pack()
 
b1 = Button(width=2, bg="red", command=red)
b1.pack(side=LEFT)
 
b2 = Button(width=2, bg="orange", command=orange)
b2.pack(side=LEFT)
 
b3 = Button(width=2, bg="yellow", command=yellow)
b3.pack(side=LEFT)
 
b4 = Button(width=2, bg="green", command=green)
b4.pack(side=LEFT)
 
b5 = Button(width=2, bg="cyan", command=cyan)
b5.pack(side=LEFT)
 
b6 = Button(width=2, bg="blue", command=blue)
b6.pack(side=LEFT)
 
b7 = Button(width=2, bg="purple", command=purple)
b7.pack(side=LEFT)
 
root.mainloop()