Разработка учебного занятия по дополнительной общеобразовательной общеразвивающей программе «Разработка мобильных приложений в облачной среде App Inventor»


Ход занятия 1. Организационный момент



бет2/3
Дата27.03.2023
өлшемі0,63 Mb.
#76633
1   2   3
Байланысты:
sozdanie-prilozhenij-s-ispolzovaniem-komponentov-holst-v-srede-appinventor (2)

Ход занятия
1. Организационный момент
Педагог: Добрый день! Ребята, какое у вас сейчас настроение? Нарисуйте на листке бумаги.
Учащиеся: Рисуют смайлик со своим настроением
2. Практическая работа
Педагог: Роль пространства, или листка для рисования в App Inventor играет компонент Холст, который находится в группе компонент Рисование и анимация. Создайте изображение по алгоритму.

Рис. 1. Образец изображения к заданию
3. Теоретический материал
Холст
- Компонент Холст является дополнительной панелью приложения.
- Холст используется для рисования на нем объектов, размещения: текста и анимации изображений - спрайтов.
- Отображение холста во весь экран требует установки параметров “Наполнить родительский” при задании свойств Высоты и Ширины Холста.

- Размещение дополнительных компонент на экране, кроме холста, требует установки фиксированных значений его ширины и высоты.

- Местоположение объекта на холсте определяется значениями X, Y значение по отношению к левой верхней углу холста. X представляет горизонтальное положение объекта, 0 является левой границей и Х увеличивается, когда объект перемещается вправо. У - вертикальная положение объекта, 0 верхняя граница и Y увеличивается, когда объект перемещается вниз.

Рис. 2. Координатная плоскость в среде App Inventor
 
Рисование круга/окружности на холсте требует указания параметров координаты X и Y центра круга, а также радиуса в пискелах и параметра заливки (ложь/истина).
- Рисование линий на холсте требует установки параметров X и Y начала и конца линии.
При использовании случайных значений координат и в случае когда ширина холста определяется параметром “Наполнить родительский! , рекомендуется использовать функции определения ширины и высоту холста для устройства, как показано на примере:

Рис. 3. Определение Ширины и Высоты Холста



Достарыңызбен бөлісу:
1   2   3




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет