1 of 18

Практична робота 9 Проєкти з кнопками та написами

За навчальною програмою 2017 року

Урок 47

8

teach-inf.com.ua

2 of 18

Середовище розробки проєктів

Розділ 6 § 6.1

Відкрити вікно середовища IDLE можна:

використовуючи команду IDLE (Python) меню Пуск

використовуючи значок на Робочому столі

8

© Вивчаємо інформатику teach-inf.com.ua

3 of 18

Середовище розробки проєктів

Розділ 6 § 6.1

Створити нове вікно для введення тексту проєкту можна командою File New File.

8

© Вивчаємо інформатику teach-inf.com.ua

4 of 18

Середовище розробки проєктів

Розділ 6 § 6.1

Після цього відкривається вікно текстового редактора. Ім'я вікна Untitled (англ, untitled – без назви) буде замінено на ім'я файлу, у якому текст проєкту збережеться на носії після виконання команди File Save.

8

© Вивчаємо інформатику teach-inf.com.ua

5 of 18

Середовище розробки проєктів

Розділ 6 § 6.1

Для виконання проєкту потрібно зберегти файл на носії, після чого виконати команду Run Run Module або натиснути клавішу F5.

2

1

8

© Вивчаємо інформатику teach-inf.com.ua

6 of 18

Середовище розробки проєктів

Розділ 6 § 6.1

Під час розробки проєкту вікно текстового редактора та вікно середовища розробки Python Shell зручно розташовувати на екрані поруч.

Вікно текстового редактора

Вікно середовища розробки Python Shell

Текст програми

Результат виконання

8

© Вивчаємо інформатику teach-inf.com.ua

7 of 18

Властивості кнопки

Розділ 6 § 6.3

Щоб розмістити кнопку у вікні, потрібно:

  1. Створити новий об'єкт типу Button, пов'язати його зі змінною, яка визначатиме ім'я об'єкта.
  1. Установити значення властивостей кнопки або залишити їх за замовчуванням.
  1. Розмістити створений об'єкт у вікні.

button = Button()

button = Button(text='Змінити', width='15',)

button.pack()

8

© Вивчаємо інформатику teach-inf.com.ua

8 of 18

Властивості кнопки

Розділ 6 § 6.3

Для кнопки можуть бути встановлені значення таких властивостей:

текст на кнопці;

text

ширина (кількість символів, які можуть бути розміщені поруч по горизонталі);

width

колір фону (значенням може бути назва кольору англійською);

bg

колір символів тексту;

fg

висота (кількість символів, які можуть бути розміщені поруч по горизонталі);

height

8

© Вивчаємо інформатику teach-inf.com.ua

9 of 18

Властивості кнопки

Розділ 6 § 6.3

(Продовження…) Властивості кнопки

шрифт символів тексту на кнопці (значення може містити назву шрифту, розмір символів і накреслення);

font

стан кнопки (normal - звичайний, disable - недоступний)

state

Наприклад, кнопка з іменем button з текстом Змінити завширшки 15 символів може бути створена командою:

button = Button(text = ‘Змінити’, width = 15)

8

© Вивчаємо інформатику teach-inf.com.ua

10 of 18

Обробники подій для кнопки

Розділ 6 § 6.3

На малюнку наведено приклад обробника події Click для кнопки – процедури з іменем click(), яка містить команди:

Установлення для кнопки червоного кольору фону

шрифт Arial розміром 14

установлення для кнопки стану недоступна

виведення на кнопці вказаного тексту

8

© Вивчаємо інформатику teach-inf.com.ua

11 of 18

Властивості напису

Розділ 6 § 6.4

У вікні проєкту, створеного мовою Python, можна також розміщувати написи. Для цього потрібно в тексті проєкту:

  1. Увести команду створення напису.
  1. Установити значення його властивостей.
  1. Розмістити напис у вікні.

label = Label()

label = Label(text = 'Я навчаюсь у 8 класі')

label.pack()

8

© Вивчаємо інформатику teach-inf.com.ua

12 of 18

Властивості напису

Розділ 6 § 6.4

Команда створення напису має вигляд:

<ім’я напису> = Label(text = ‘стекст напису>’)

(англ. label - етикетка, позначка).

Наприклад, для створення напису з іменем label і текстом:

Я навчаюсь у 8 класі

потрібно виконати команду:

label = Label(text = 'Я навчаюсь у 8 класі')

8

© Вивчаємо інформатику teach-inf.com.ua

13 of 18

Властивості напису

Розділ 6 § 6.4

Одночасно зі створенням напису можна також установити значення деяких його властивостей, наприклад,

колір фону напису

bg

колір фону напису

fg

вид шрифту, розмір символів і накреслення (bold – напівжирне, italic – курсивне, underline – підкреслене)

font

висота напису

height

ширина напису та ін.

width

8

© Вивчаємо інформатику teach-inf.com.ua

14 of 18

Обробники подій для напису

Розділ 6 § 6.4

Наприклад, потрібно, щоб після настання події Click з написом з іменем label

колір фону напису ставав жовтим, колір символів – червоним, розмір символів  – 14, у напис виводився заданий текст.

8

© Вивчаємо інформатику teach-inf.com.ua

15 of 18

Домашнє завдання

Проаналізувати

§ 6.4, ст. 188-189

Розділ 6 § 6.4

8

© Вивчаємо інформатику teach-inf.com.ua

16 of 18

Працюємо за комп’ютером

Практична робота 9

Проєкти з кнопками та написами

Розділ 6 § 6.4

8

© Вивчаємо інформатику teach-inf.com.ua

17 of 18

Працюємо за комп’ютером

Розділ 6 § 6.4

Сторінка

188-189

8

© Вивчаємо інформатику teach-inf.com.ua

18 of 18

Дякую за увагу!

За навчальною програмою 2017 року

Урок 47

8

teach-inf.com.ua