Tkinter позиционирование

@Orang3 · Регистрация: 09.01.2021

Студворк — интернет-сервис помощи студентам

Как расставить элементы согласно рисунку?

Python
1
2
3
4
5
6
7
Исходные данные:
 
        check_fust.pack(anchor=NW) 
        check_radio.pack(anchor=NW) 
 
        check_wall.pack(anchor=NE) 
        check_group.pack(anchor=NE)

@Римович · 18.02.2025, 00:45

Приветствую!

Поскольку тема о позиционировании, пишу сюда.

Позиционируя в Python 3.13 кнопки ttk.Button() методом grid не удаётся растянуть виджеты (кнопки 1, 2, 3) на несколько строк, тогда как на несколько столбцов ("Message") растягиваются. В чём ошибка?

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import tkinter as tk
from tkinter import *
from tkinter import ttk # подключаем пакет ttk
 
window = Tk()
 
for c in range(3): window.columnconfigure(index=c, weight=1)
for r in range(5): window.rowconfigure(index=r, weight=1)
 
# Верхний ряд. Две кнопки, одна растянута на два столбца.
btn1 = ttk.Button(text='Foto')
btn1.grid(row=0, column=0, columnspan=1)
 
btn2 = ttk.Button(text='Message')
btn2.grid(row=0, column=1, columnspan=2, sticky=EW)
 
# Средний ряд. Три кнопки, растянутые на три ряда каждая.
btn4 = ttk.Button(text='1')
btn4.grid(row=1, column=0, rowspan=3, sticky=NS)
 
btn5 = ttk.Button(text='2')
btn5.grid(row=1, column=1, rowspan=3, sticky=NS)
 
btn6 = ttk.Button(text='3')
btn6.grid(row=1, column=2, rowspan=3, sticky=NS)
 
# Нижний ряд. Три кнопки.
btn10 = ttk.Button(text='Count')
btn10.grid(row=4, column=0, rowspan=1)
 
btn11 = ttk.Button(text='Count')
btn11.grid(row=4, column=1, rowspan=1)
 
btn12 = ttk.Button(text='Count')
btn12.grid(row=4, column=2, rowspan=1)
 
 
window.mainloop()

@Римович · 19.02.2025, 22:27

... Да-а, ответов читать - не перечитать...

Поясню проблему.
Если метод geometry() не вызывается, окно (root) занимает пространство, которое необходимо для размещения внутреннего содержимого.
Для размещения и позиционирования этого внутреннего содержимого размечаем контейнер сеткой (grid), конфигурируя окно в три столбца и пять рядов и устанавливая веса столбцов и рядов одинаковыми, в силу чего они распределяются по всей высоте и ширине контейнера равномерно.
Далее некоторые виджеты располагаем в одинарной ячейке, некоторые растягиваем по ширине, объединяя для них соседние столбцы в ряду, некоторые растягиваем по вертикали (высоте), объединяя для них соседние ряды в столбце.
Позиционирование в ячейке и геометрию всех виджетов оставляем по умолчанию, за исключением:
для того, чтобы растянуть виджеты по всей высоте либо ширине уготованных для них объединённых ячеек, для каждого виджета вызываем метод grid с параметром sticky со значением EW для горизонтального и NS для вертикального выравнивания.
Предполагалось, что окно автоматически примет размер, позволяющий отобразить соответствующую структуру, например, как показано здесь на рисунке (это я вручную растянул окно для примера).

По ширине так и происходит, а вот по высоте появляющееся окно имеет визуально только три ряда (см. картинку в предыдущем сообщении).

Какой алгоритм работы логики программы, приводящий к такому результату? Требуется обязательно жёстко задавать размеры/отступы? Зачем тогда grid, ...span, ...config? И почему они так странно избирательны?

Добавлено через 24 минуты
...Более того, грид подстраивается не под явно определённые веса, объединения и значения параметров выравнивания, а под содержимое виджета.
Например, меняем первый виджет с Button на Label с фотографией (остальной код не изменён по отношению к первоначальному моему сообщению):

Python
1
2
3
4
# Верхний ряд. Метка с фото и кнопка, растянутая на два столбца.
anchorman = PhotoImage(file='S:/Py/GUI/goat2_исх_100x100.png')
label = ttk.Label(image=anchorman)
label.grid(row=0, column=0, columnspan=1)

Какие ключевые моменты я не понимаю или где ошибаюсь?

iifat · 20.02.2025, 03:59

Ну, я ещё погляжу, но, похоже, надо читать grid поподробнее.
По крайней мере, например, вот такой код (это tcl. Ненавижу Питон)

Code
1
2
3
4
ttk::button btn1 -text 1
grid .btn1 -row 0 -rowspan 2 -column 0
ttk::button btn2 -text 2
grid .btn1 -row 0 -column 1

рисует две одинаковых кнопки бок о бок, но если добавить

Code
1
2
ttk::button btn3 -text 3
grid .btn1 -row 1 -column 1

, то во втором столбце одна кнопка над другой, а в первом одна кнопка занимает явно две строки и находится посредине (по высоте).

iifat · 20.02.2025, 04:38

И правда что. В общем, при подсчёте высоты строк элементы с rowspan сначала не учитываются, так что строки получаются нулевой высоты, потом увеличиваются, чтобы вместить кнопку. Высота строк 1-3 с 0-й никак при этом не соотносятся. Чтобы соотносились, надо использовать -uniform. Вот так:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
grid rowconfigure . 0 -uniform a
grid rowconfigure . 1 -uniform a
grid rowconfigure . 2 -uniform a
grid rowconfigure . 3 -uniform a
 
ttk::button .btn1 -text Foto
ttk::button .btn2 -text Message
ttk::button .btn4 -text 1
ttk::button .btn5 -text 2
ttk::button .btn6 -text 3
#ttk::button .btn7 -text 4
ttk::button .btn10 -text Count
ttk::button .btn11 -text Count
ttk::button .btn12 -text Count
 
grid .btn1 -row 0 -column 0
grid .btn2 -row 0 -column 1 -columnspan 2
grid .btn4 -row 1 -rowspan 3 -column 0
grid .btn5 -row 1 -rowspan 3 -column 1
grid .btn6 -row 1 -rowspan 3 -column 2
#grid .btn7 -row 1 -column 3
grid .btn10 -row 4 -column 0
grid .btn11 -row 4 -column 1
grid .btn12 -row 4 -column 2
 
tkwait window .

iifat · 20.02.2025, 04:46

Получилось не совсем то, что у вас, поскольку мне лень было набивать sticky

@Римович · 20.02.2025, 17:13

Спасибо!

Сообщение от iifat

при подсчёте высоты строк элементы с rowspan сначала не учитываются, так что строки получаются нулевой высоты, потом увеличиваются, чтобы вместить кнопку. Высота строк 1-3 с 0-й никак при этом не соотносятся

Не очевидная для меня логика работы...)
Интересный "чистый" код TCL - для начинающего "читабельней", чем интерфейс к Python tkinter, мне кажется...
Благодаря Вам, вопрос решил

, но пока не понял смысл таких заморочек. Тем более, что для рядовв они есть, а для столбцов, вроде, нет...
Добавил в Tkinter параметр uniform (не документированный?) с произвольным ключом "a" для объединяемых рядов:

Python
1
2
for c in range(3): window.columnconfigure(index=c, weight=1)
for r in range(5): window.rowconfigure(index=r, weight=1, uniform='a')

iifat · 21.02.2025, 05:18

Сообщение от Римович

Интересный "чистый" код TCL - для начинающего "читабельней", чем интерфейс к Python tkinter, мне кажется...

Мож, оно и так, но сравнивать надо не на маленьких примерах. Вполне возможно, в реальной работе Питон и правда удобнее (объекты в ём хвалят), вот только эти отступы меня бесят.

Сообщение от Римович

не документированный?

Подозреваю, естественное отставание документации плюс лень описывать чужую систему. Пробовал разбираться с OCaML, там тоже интерфейс к Tk и тоже отвратительная документация.

@Римович · 22.02.2025, 16:28

Сообщение от iifat

вот только эти отступы меня бесят.

Хм...) А мне нравятся: сразу вижу блоки, иерархию... )

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

iifat 2895 / 1930 / 208 Регистрация: 05.06.2011 Сообщений: 5,666
	20.02.2025, 04:46
	Получилось не совсем то, что у вас, поскольку мне лень было набивать sticky 1