Создание мобильных приложений

Создание мобильных приложений
App Inventor

11.5.2.1 создавать дружественный интерфейс мобильного приложения в конструкторе;

• 11.5.2.1 создавать дружественный интерфейс мобильного приложения в конструкторе;
• 11.5.2.2 разрабатывать мобильное приложение, используя блоки кода с условиями и циклами;
• 11.5.2.3 объяснить, как устанавливать разработанное мобильное приложение

Цели обучения:
DigitalDoodle: приложение для рисования
Из этого туториала Вы узнаете, как рисовать линию на экране, когда пользователь проводит пальцем по экрану.
Начните новый проект
На странице «Мои проекты» щелкните «Новый проект». Если у вас открыт другой проект, перейдите в меню «Мои проекты» и выберите «Новый проект».
Назовите этот проект DigitalDoodle или придумайте собственное имя для приложения рисования.
Настройте экран так, чтобы он не прокручивался
По умолчанию для App Inventor экран вашего приложения будет «прокручиваемым», что. Это означает, что пользовательский интерфейс может выходить за пределы экрана, и пользователь может прокручивать вниз, проводя пальцем. (например, прокрутка веб-страницы). Когда используется Canvas(холст), вы должны отключить параметр «Прокручиваемый» (ОТКЛЮЧИТЕ ОКНО), чтобы экран не прокручивался. Это позволит вам сделать так, чтобы холст занимал весь экран.
Добавление холста
Из ящика рисования и анимации перетащите компонент холста.
Измените высоту и ширину холста.
Убедитесь, что компонент холста выбран (№1), чтобы его свойства отображались на панели свойств (№2). Внизу, установите для свойства Height значение «Fill Parent». Сделайте то же самое со свойством Width.
Это все для Дизайнера! Перейдите к блокам.
Вы не поверите, но сейчас этому приложению нужен только холст. Войдите в редактор блоков, чтобы запрограммировать приложение.
Получение блока события Canvas.
В выдвижном элементе Canvas 1 извлеките событие Canvas1.Dragged.
Получение блока вызова Canvas.DrawLine
В выдвижном элементе Canvas1 извлеките блок метода Canvas1.DrawLine ..
Используйте блоки get и set из блока Dragged, чтобы заполнить значения для блока Draw Line.
Событие Canvas Dragged будет происходить снова и снова очень быстро, пока пользователь перемещает палец по экрану. Каждый раз, когда вызывается блок событий Dragged, он рисует небольшую линию между предыдущим местоположением (prevX, prevY) пальца и новым местоположением (currentX, currentY). Наведите указатель мыши на параметры блока Canvas1.Dragged, чтобы вытащить нужные блоки get. (Наведите указатель мыши на них, не нажмите на них.)
Протестируйте свой проект!
Перейдите к подключенному устройству и проведите пальцем по экрану. Вы видите линию?
Отличная работа! Теперь расширьте это приложение.
Вот несколько идей по расширению этого приложения. Вы, вероятно, можете придумать много интересного

• изменить цвет чернил (и позволить пользователю выбирать цвета из набора). См. Paint Pot Tutorial ..
• изменить фон на фотографию или картинку.
• позволить пользователю рисовать точки, а также линии (подсказка: используйте блок DrawCircle).
• добавить кнопку, которая включает камеру и позволяет пользователю делать снимок, а затем рисовать на нем.

Создайте свой мини-проект

• Создайте свой мини-проект
• Расскажите учителю о процессе работы
• Посмотреть проекты других студентов
• Оцените свой проект и проект своих одноклассников по 10-балльной шкале.

Индивидуальная работа

https://appinventor.mit.edu/

• https://appinventor.mit.edu/
• https://appinventor.mit.edu/explore/get-started
• https://appinventor.mit.edu/explore/ai2/beginner-videos
• http://ai2.appinventor.mit.edu/#6613918604984320

Ссылки