Матеріали презентації надають можливість у 8-му класі під час вивчення теми " Алгоритми з розгалуженням" показати практичне застосування умовного оператора при розробці проєкта "Створення калькулятора" (середовище Lazarus).
Тема «Алгоритми з розгалуженням» 8 клас Середовище Lazarus. Створення калькулятора (за матеріалами Завадського І.О.) Підготувала Кріцина Олена Григорівна
Номер слайду 2
Що потрібно знати для розробки проекту: Як створювати новий проект та особливості його збереження в середовище Lazarus Як розміщувати компоненти проекту на формі Настроювання властивостей основних комонентів Lazarus Особливості створення коду обробника подій Відео роботи калькулятора за посиланням https://youtu.be/66AOMcw5s2g
Номер слайду 3
Матеріал Завадського І.О.
Номер слайду 4
Матеріал Завадського І.О.
Номер слайду 5
Матеріал Завадського І.О.
Номер слайду 6
Розробка форми Етап «Створення інтерфейсу програми» №1. Відкрийте програму Lazarus №2. Змініть властивість Caption для об’єкту Form1, напишіть слово Калькулятор
Номер слайду 7
Розробка форми Етап «Створення інтерфейсу програми» №3. Створіть текстове поле №4. відкоригуйте розміри та розташування кнопок згідно малюнка (Спочатку ширина та висота має один розмір)
Номер слайду 8
Налаштування розміру кнопки Властивості Width та Height
Номер слайду 9
Увага! Користуйтеся оптимальним алгоритмом копіювання: сформуйте групу кнопок та копіюйте декілька кнопок одразу При копіюванні створюються об’єкти з різними іменами, але однаковими написами у властивості Caption
Номер слайду 10
Увага! Контекстне меню визивається правою кнопкою миші 1. Спочатку виділіть всі кнопки першого столбцю та застосуйте команду Вирівняти – Горизонтально – Ліві края (або центри, тому що наші кнопки мають форму квадратів) Аналогічно для всіх стовпців Виділіть всі кнопки І рядку та застосуйте команду Вирівняти – Вертикально – Верхні края Програма Lazarus має напрямні лінії, які полегшують коригування розташування кнопок
Номер слайду 11
Змініть властивості Caption у кнопок та видалите запис властивості Text для поля (edit1) Формування інтерфейсу програми закінчено Збережіть проект в окремій папці
Номер слайду 12
Властивість Name або ravno або Prod або delen
Номер слайду 13
Алгоритм створення коду: програмуються всі кнопки для виведення почерзі кожної з 10-ти цифр та коми в текстове поле (коди підпрограм майже однакові); створення підпрограми для очищення текстового поля (кнопка C); програмуються всі 4 кнопки арифметичних дій (однакові коди); cтвореня коду підпрограми для кнопки “дорівнює” . Етап «Розробка програми»
Номер слайду 14
Для кнопки с цифрою 1 І спосіб ІІ спосіб або Відкрийте вікно обробки події OnClick для кнопки В1 та запишіть, наприклад, такий код Аналогічно запрограмуйте обробники подій натискання всіх кнопок з цифрами та знаком коми (для ефективної роботи застосовуйте копіювання коду) Дія кнопки “С” полягає в очищенні текстового поля (властивості Text)
Номер слайду 15
1 2 3 4 с Real Увага! В цьому проекті 4 кнопки арифметичних операцій та кнопка “= “ повинні мати доступ до змінних одночасно (тобто змінні повинні бути глобальними). !!! Тому змінні проекту описуються у спеціальному місці 748 Кодування арифметичних операцій * * Опис змінних
Номер слайду 16
(1,2) За введення значення першого числа а, натиснення знаку дії (+, -, *, / ) та очистку текстового поля відповідає код кожної кнопки арифметичної операції (3,4) За введення значення другого числа С та виведення результату відповідає код кнопки “дорівнює” І число вводиться через текстове поле та знаходиться в змінній а (наприклад 748), арифметичний знак вводиться кнопкою “+” в змінну b (+) , а ІІ число вводиться в змінну с (12) через текстове поле Увага! 1 2 3 4 с Real
Номер слайду 17
Як запрограмувати дію кнопки “+” Алгоритм Присвоїти числовій змінній а вміст текстового поля Edit1 Присвоїти змінній b знак + Очистити текстове поле (edit1.text:='‘; //присвоїти пустий рядок або edit1.clear; ) Де описувати змінні див. слайд 15 748 Аналогічно введіть коди обробників подій для кнопок “-”, “*”,”/” 748
Номер слайду 18
Використання умовного оператора при створенні коду для кнопки = В залежності від арифметичного знаку буде виконуватися та чи інша арифметична операція, тобто використовується вказівка розгалуження Алгоритм Присвоїти змінній с число з текстового поля Edit1 ( тобто зчитати друге число) Якщо b=‘+’, то вивести в текстовому полі суму значень a+c Якщо b=‘-’, то вивести в текстовому полі різницю значень a-c Якщо b=‘*’, то вивести в текстовому полі добуток значень a+c Якщо b=‘/’, то вивести в текстовому полі частку від значень a/c
Номер слайду 19
Умовний оператор на мові програмування If умова Then дія b=‘+’ це логічний вираз, який може мати два значення: TRUE (якщо була нажата клавіша “+” , тому b дорівнює ‘+’, виконується операція додавання FALSE ( якщо b не дорівнює ‘+’) Вказівка розгалуження на прикладі додавання Допиши в процедурі інші математичні дії, збережи проект та перевір роботу калькулятора
Номер слайду 20
Якщо хочете свій калькулятор прикрасити, то виконайте такі дії: Виберіть вкладку Additional – TImage Властивість Picture Завантажте вибране зображення та налаштутуйте Властивість Stretch - True