Урок 4.4. Поле. Проєкти з вхідними даними та результатами

Перегляньте презентацію

📌 Найважливіше в цьому пункті

🔲 Поле — це елемент керування, який використовується для введення значень вхідних даних і виведення значень результатів.

🛠️ Щоб розмістити поле в уже створеному і відкритому вікні, потрібно: 

1️⃣ Створити новий об'єкт типу Entry (англ. entry — запис, вхід), пов'язати його зі змінною, яка визначатиме ім'я об'єкта.
2️⃣ Установити значення властивостей поля або залишити їх за замовчуванням.
3️⃣ Розмістити створений об'єкт у вікні.

💡 Для створення поля та пов’язування його зі змінною використовують команду:

<ім'я_поля> = Entry()

# або

<ім'я_поля> = Entry(«набір властивостей та їх значень»)

🎨 У першому випадку буде створено поле зі значеннями властивостей висота, ширина і колір, установленими за замовчуванням, без тексту в ньому. У другому — значення властивостей задаються безпосередньо у команді. У дужках через кому вказують пари <властивість> = <значення>.

🧩 Властивості поля width, bg, fg, font аналогічні до відповідних властивостей кнопки та напису. 

❌ Властивості text і height відсутні (висота поля визначається висотою символів у його вмісті). 

📏 Для поля можна задавати товщину рамки через властивість bd (border — межа).

📐 Для розміщення поля у вікні проєкту можна використовувати методи pack() і place().

✍️ Щоб вивести в поле текст, використовують: <ім'я_поля>.insert(«позиція», <текст>)

🔍 Отримати вміст поля можна через метод get(): label['text'] = entry.get()

🧹 Для очищення вмісту поля: entry.delete(0, END)

🔗 Як і з іншими об'єктами вікна, з полем можна пов’язати обробники подій через метод bind().

🔢 Прочитати число з поля entry1 і присвоїти його змінній:

x = float(entry1.get())  # або

x = int(entry1.get())

📤 Вивести значення змінної z:

• у напис: label['text'] = str(z)

• у поле: entry3.insert(0, str(z))

🧱 Константа — це величина, значення якої не змінюється в ході виконання проєкту.
📣 У Python імена констант прийнято записувати великими літерами.

Виконайте інтерактивні завдання

🎯Практична робота: Створюємо інтерактивні мініпрограми з полями, написами та кнопками!

Увага! Під час роботи з комп'ютером дотримуйтеся правил безпеки та санітарно-гігієнічних норм.

Повторіть правила безпечної роботи за комп’ютером.

Завдання та алгоритми їх виконання ви зможете знайти за адресою: 

🧪 Завдання 1. Експеримент з властивостями поля

Створіть яскравий проєкт із полем для введення та кнопкою, яка реагує на натискання. Налаштуйте:

🔹 Поле:

• ширина — 15 символів;

• товщина рамки — 3 пікселі;

• відступ зверху — 30 пікселів.

🔸 Кнопка:

• ширина — 10 символів;

• відступ від поля — 10 пікселів;

• текст — назва вашого класу;

• колір тексту — синій;

• фон — жовтий.

🖱️ Після натискання кнопки:

• фон поля стає червоним;

• шрифт — Arial, розмір 14, напівжирний;

• ширина поля збільшується на 20 символів;

• текст у полі — «Ми використовуємо властивості поля!»;

• колір тексту — білий.

💾 Збережіть проєкт як Практична 4.1 у вашій папці.

🧮 Завдання 2. Обчислюємо вираз 

🔍 Створіть проєкт-калькулятор для обчислення математичного виразу a × (4 × b  – a).

📄 Кроки:

1. Складіть математичну модель і збережіть її в текстовому документі.

2. Додайте у вікно компоненти для введення a і b, а також поле для результату. Підпишіть їх.

3. Створіть обробник події Click для кнопки, який обчислює вираз і виводить результат.

4. Збережіть проєкт як Практична 4.2.

🍪 Завдання 3. Скільки грошей залишиться в Марійки?

🛍️ Створіть проєкт, який допоможе Марійці порахувати залишок після покупки:

• 400 г печива;

• 2 пакети молока;

• 1 хліб.

📄 Кроки:

1. Складіть математичну модель і збережіть її в текстовому документі.

2. Додайте у вікно поля для введення цін і початкової суми, а також поле для результату. Підпишіть їх.

3. Створіть обробник події Click для кнопки, який обчислює залишок і виводить його.

4. Збережіть проєкт як Практична 4.3.

📤 Як здати 

1. Збережіть створені вами файли. 

2. Збережені файли приєднайте у розділі Ваші роботи на платформі Google ClassRoom.

Відео у допомогу

Опрацюйте

За підручником "Інформатика, 8 клас" (Й.Я. Ривкінд та інші), 2025:

• Прочитайте та розберіть теоретичний матеріал пункту 4.4 (стор. 119-127).

• Дайте усні відповіді на питання 1-8 (стор. 126).

Перевірте свій рівень знань 

Скриншот результату тесту прикріпіть у розділі Ваші роботи на платформі Google ClassRoom.

• Поле. Проєкти з вхідними даними і кінцевими результатами. Тест 13 (Інформатика 8 клас Ривкінд НУШ)