Метод grid(): конспект та практичне завдання

Про матеріал
Навчальні матеріали щодо призначення та використання методу grid() для розміщення віджетів при створенні графічного інтерфейсу користувача: конспект та практичне завдання
Перегляд файлу

Метод grid()

Grid є одним із трьох менеджерів геометрії в Tkinter.

Усі віджети мають відповідний метод grid. "Grid" з англійської перекладається як "сітка", проте за змістом правильніше говорити про таблицю.

Чому саме grid()

Табличний спосіб розміщення кращий через його гнучкість та зручність під час розробки складних інтерфейсів. Grid дозволяє автоматично масштабувати розташування віджетів вікна.

Адресація комірок в grid()

При розміщенні віджетів методом grid віджет window() умовно поділяється на комірки подібно до таблиці.

Адреса кожної комірки таблиці складається з номера рядка та номера стовпця.

Нумерація починається з нуля.

Жодних попередніх команд із розбиття віджету window() на окремі комірки не потрібно. Tkinter робить це сам, виходячи із зазначених позицій віджетів.

Розміщення віджету в тій чи іншій комірці задається через аргументи row та column, яким присвоюються відповідно номер рядка та номер стовпчика.

Об’єднання комірок в діапазони

Адреса діапазону комірок у разі об’єднання позначається адресою першої комірки.

По горизонталі: використовується атрибут columnspan, Цьому атрибуту присвоюється кількість комірок, що об'єднуються.

По вертикалі: використовується атрибут rowspan.

image

Представимо цей інтерфейс у вигляді таблиці: пронумеруємо комірки, в яких будуть розташовуватися віджети:

(0, 0) Label

 

(0, 1, columnspan =3) Entry

 

(1, 0) Label

(1, 1)

 

(1, 2) Label

(1, 3)

(2, 0) Button

(2, 1)

 

(2, 2) Button

(2, 3) Button

Програмний код:

from tkinter import *

window=Tk() window.title(" Робота метода grid() Tkinter" ) window.geometry('350*200')

Label ( text = "Ім'я:" ) . grid ( row = 0 , column = 0 )

Entry ( width = 150 ) . grid ( row = 0 , column = 1 , columnspan = 3 )

Label ( text = "Стовпців:" ) . grid ( row = 1 , column = 0 ) Label ( text = "Рядків:" ) . grid ( row = 1 , column = 2 )

Button ( text = "Довідка" ) . grid ( row = 2 , column = 0 )

image

Button ( text = "Вставити" ) . grid ( row = 2 , column = 2 ) Button ( text = "Скасувати" ) . grid ( row = 2 , column = 3 ) window. mainloop ( )

Практична робота: редагування програмного коду відповідно вимог

Відредагуйте програмний код відповідно до таких вимог:

1.      змініть заголовок вікна на власне прізвище та клас навчання

2.      змініть розміри вікна

3.      додайте рядок коду, щоб вікно мало жовтий колір

4.      додайте 2 віджети Entry з методом grid() для введення значень кількості стовпчиків та рядків.

До Завдання додайте Г-Документ, на сторінку якого вставте скриншот вікна виконання програмного коду та скопійований текст програмного коду.

pdf
До підручника
Інформатика 8 клас (Казанцева О.П., Стеценко І.В.)
Додано
13 березня
Переглядів
230
Оцінка розробки
Відгуки відсутні
Безкоштовний сертифікат
про публікацію авторської розробки
Щоб отримати, додайте розробку

Додати розробку