Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
1
My presentation
Сьогодні ми познайомимось з засобами малювання в програмі App
Inventor. Ці засоби знаходяться в Palette => Drawing and Animation
Ознайомлення
Основним елементом є Сanvas. Це
двовимірна сенсорна прямокутна панель, на якій
можна малювати, а також розташовувати спрайти
і текст.
Canvas
Picture
Title
Розташування об’єкта на Canvas задається як пара
значень (X, Y), де X - кількість пікселів від лівого
краю полотна, Y - кількість пікселів від верхнього краю полотна.
Розташування
Елементи інтерфейсу
Також ми розглядатимемо блоки для взаємного розташування кількох
елементів на екрані.
Title
Title
HorizontalArrangement - елемент форматування
, при використанні якого компоненти
розміщуються на екрані зліва направо.
HorizontalScrollArrangement - компоненти
розміщуються зліва направо з можливістю
прокручування.
Title
TableArrangement - елементи додатка можуть
бути розміщені в формі таблиці.
VerticalArrangement - компоненти розташовуються один над іншим.
VerticalScrollArrangement - компоненти розташовуються один над іншим, з
можливістю прокручуваня.
Дизайн завдання
Дизайн
Для зміни кольору використовуйте кнопки , для кожного кольору
інша кнопка. Кнопки згрупуйте за допомогою одного або кількох блоків
HorizontalArrangement , або інших блоків цього типу.
Title
Title
Натисніть на першу кнопку і у властивостях змініть колір на синій
BackgroundColor => Blue ,ширина – наповнити батьківський , Width => Fill
parent, Text залиште не заповненим. Аналогічно створіть кнопки для 10 різних
кольорів.
Для малювання використовуватимемо Canvas. В властивостях Canvas
задайте Width => Fill parent , Height – 290 pixels.
Розташуйте елементи по центру екрану, натисніть Components => Screen1.
Виберіть AlignHorizontal=>Center. Ще одну кнопку додайте для очищення
полотна.
Title
Блоки
Блоки
В меню Blocks для кожної з кнопок виберіть:
Title
Коли ви будете натискати на кнопку , колір олівця має змінюватись на
колір даної кнопки. За колір олівця відповідає поле PaintColor класу Сanvas1 ,
тобто блок вигляду
Для кожної кнопки
уважно вибирайте колір , який відповідатиме кольору заданому в дизайні.
Title
Для очищення полотна використайте блок , такий
блок можна знайти натиснувши Blocks => Canvas1.
Додатковий матеріал
http://ai2.appinventor.mit.edu/reference/components/userinterface.html#Image