1 of 34

Практикум з використання інформаційних технологій

Нова українська школа

Урок 60

Інформатика 8

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.

2 of 34

Практикум з використання�інформаційних технологій

Проєкт «Калькулятор»

Розділ 6

3 of 34

Проєкт «Калькулятор»

Розпочнемо створювати проєкт справжнього калькулятора, схожого на той, який вбудовано в ОС Windows.

Розділ 6

4 of 34

Проєкт «Калькулятор»

Алгоритм розвитку проєкту

Створити текстове поле та одну кнопку.

Встановити властивості кнопки (параметри шрифту, розміру тощо)

Скопіювавши код, створити необхідну кількість кнопок, змінити коордитати та розміри деяких кнопок

Запрограмувати події натискання кнопок

Розділ 6

5 of 34

Проєкт «Калькулятор»

Уведіть програмний код для створення вікна калькулятора з розмірами 260x370, а також виведення текстового поля, що має відступи від верхньої та бічних меж по 20 пікселів, а висоту 30 пікселів. Запустіть програму на виконання.

Розділ 6

6 of 34

Проєкт «Калькулятор»

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

Для встановлення способу вирівнювання в текстовому полі використовують властивість justify, що може набувати такі значення:

вирівнювання ліворуч

left

вирівнювання праворуч

right

вирівнювання по центру

center

Розділ 6

7 of 34

Проєкт «Калькулятор»

Змініть програмний код так, щоб текст у полі вирівнювався за правим краєм та мав 14 розмір.

Розділ 6

8 of 34

Проєкт «Калькулятор»

Далі розглянемо команди виведення у вікні кнопок

Об'єктам, що відображають кнопки, надамо імена згідно наведених у таблиці.

Розділ 6

9 of 34

Виведення перших трьох кнопок

Відступи елементів керування від меж вікна та інших елементів становлять 20 пікселів.
Висота текстового поля - 30 пікселів.
Розміри квадратної кнопки - 40x40 пікселів.
Розміри видовженої кнопки - 100x40 пікселів.

Розділ 6

10 of 34

Проєкт «Калькулятор»

Додайте коди виведення інших кнопок калькулятора

Скопіювавши коди наявних кнопок і змінивши їхні параметри

Розділ 6

11 of 34

Проєкт «Калькулятор»

Принцип роботи калькулятор

Коли натискаємо кнопку з цифрою або крапкою, до текстового напису додається цифра або крапка.

Коли натискаємо знак операції, запам'ятовуємо його, а також число, що міститься в текстовому полі. Текстове поле очищається.

Вводиться друге число, як описано в п. 1.

При натисканні кнопки «=» з першим і другим числом виконується операція відповідно до того, який знак ми запам’ятали на кроці 2.

номер символу, перед яким додають текст

index

Для додавання тексту справа замість номера index записують END.

текст, який необхідно вставити

str

Розділ 6

18 of 34

Проєкт «Калькулятор»

Створення обробника події натискання кнопки з цифрою

Заголовок функції

Команда додавання цифри

Команда виклику функції

Розділ 6

19 of 34

Проєкт «Калькулятор»

Уведіть коди обробників подій натискання кнопок з цифрами та крапкою

Функція обробника події починається з ключового слова def, наприклад:

def В1_сііск()

Щоб прив'язати обробник до кнопки, у її конструкторі задайте параметр command, наприклад: command=B1_click

Розділ 6

20 of 34

Проєкт «Калькулятор»

В нашому є кнопка С, яка призначена для очищення текстового поля від усіх написів

В Python для очищення поля використовується метод delete.

Якщо необхідно вилучити текст до кінця рядка, замість другого параметра записують значення END.

Розділ 6

21 of 34

Проєкт «Калькулятор»

Код обробника події натискання�кнопки "С"

Уведіть код обробника події натискання кнопки "С", призначеної для очищення текстового поля.

Розділ 6

22 of 34

Проєкт «Калькулятор»

Проєкт «Калькулятор»

Спочатку сконструюємо цей код для значення Ь="+"

Алгоритм

Змінній c присвоїти число з текстового поля.

Якщо b="+", то вивести в текстовому полі суму значень: а+с.

Отже, ми маємо перевірити, яку арифметичну дію було обрано. Для цього призначено вказівку розгалуження.

Розділ 6

31 of 34

Проєкт «Калькулятор»

Уведіть програмний код для кнопки "=" за умови натискання кнопки “+"

Розділ 6

32 of 34

Проєкт «Калькулятор»

Ви, напевно, побачили, що програма не виконує додавання. Це відбувається тому, що змінні а і Ь використовуються у двох обробниках подій: натискання кнопки "+" та кнопки "=". А отже, необхідно вказати, що ці змінні є глобальними.

Розділ 6

33 of 34

Проєкт «Калькулятор»

Уведіть програмний код для кнопки "="

Уведіть програмний код для кнопки "=", що відповідає операціям «-», «*», «/» та перевірте роботу калькулятора для різних чисел та операцій.

Розділ 6

34 of 34

Успіхів�у навчанні!

Нова українська школа

Урок 60

Інформатика 8

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.