Приложение "BALL" работа с компонентами Холст, Шар / MIT App Inventor - изобретательный конструктор
Создание мобильного приложения "Движущийся мяч" с использованием встроенного объекта Шар. Практическая часть Цель работы: Освоить работу с компонентами Холст, Шар из раздела Анимация. В данном приложении по нажатию кнопки компонента Шар начинает двигаться с заданными параметрами движения. Для создания такого рода анимации необходимо две компоненты из группы Рисование и анимация: Холст и Шар. Сначала добавляется холст, а только после этого на него накладывается компонента Шар. Ход работы Перейти по адресу http://ai2.appinventor.mit.edu/ и запустить среду AИ (при необходимости авторизоваться на сайте «App Inventor»). Через пункт главного меню «Проекты» -﹥ «Начать новый проект …» создать новый проект под названием BALL. Перенести компоненты из раздела «Интерфейс пользователя» на экран приложения (Screen1) согласно следующей схеме: У главного экрана Screen1 установить свойства: заголовок – ШАР выровнятьПоГоризонтали – Центр У компоненты Холст1 установить свойство: Цвет фона жёлтый Высота и ширина родительские У Шара установить свойства: Радиус 20 Добавить горизонтальное расположение: выровнятьПоГоризонтали – Центр Ширину родительскую Внутрь расположить две кнопки из интерфейса, назвав их в свойствах - СТАРТ и СТОП. Переходим в блочную структуру приложения. В режиме находятся две основные группы блоков: a. блоки работы с шаром b. блоки работы с кнопками Для конструирования приложения, создаем цветовую гамму приложения. Из Переменных в Просмотр ставим блок 1-го уровня, который является у нас обработчик событий, инициализируем глобальную в, где в окошечке печатаем цвет и присоединяем блок 3-го уровня истина из Логики, это у нас является командный блок сеттер. Следующая группа блоков складываются сеттеры из Переменных присвоить global цвет, далее крепим выбрать случайный элемент список и мутатор создать список. Далее с помощью звездочки (шестеренки) добавляем до 10 отсеков и крепим к ним блоки 3-го уровня разные Цвета, т.е. исполнительные блоки геттеры. Далее проектируем блочную структуру для кнопки СТАРТ Для этого из интегрированных блоков берём ЛКМ блок обработчик событий 1-го уровня Когда_СТАРТ_Щелчок_Делать, крепим к нему ранее созданную блочную систему обработчик цвета, а ниже друг за другом крепим блоки сеттеры из компонента Шар, где развёрнуты координаты X и Y, курс движения мяча, интервал движения, скорость движения и цветовая палитра. А далее крепим к ним блоки геттеры 3-го уровня. Далее проектируем блочную структуру для Шар и СТОП Из интегрированных блоков Шар берем блок 1-го уровня обработчик событий КогдаШарДостигнутьКрайДелать крепим к нему блок сеттер 2-го уровня 1-го типа ВызовШарОттаскиватьКрай и замыкаем блоком геттером получить край, который берем при нажатии на окошечко с надписью край. Последнее, берём первый блок из СТОП, крепим к нему из компонента Шар, блок сеттер 2-го уровня 1-го типа ПрисвоитьШарСкорость, замыкая блоком геттером 3-го уровня из Математики с цифрой 0. Выводы: в данной лабораторной работе создаётся приложение, в котором осваивается работа шаром из раздела «Рисование и анимация».
Создание мобильного приложения "Движущийся мяч" с использованием встроенного объекта Шар. Практическая часть Цель работы: Освоить работу с компонентами Холст, Шар из раздела Анимация. В данном приложении по нажатию кнопки компонента Шар начинает двигаться с заданными параметрами движения. Для создания такого рода анимации необходимо две компоненты из группы Рисование и анимация: Холст и Шар. Сначала добавляется холст, а только после этого на него накладывается компонента Шар. Ход работы Перейти по адресу http://ai2.appinventor.mit.edu/ и запустить среду AИ (при необходимости авторизоваться на сайте «App Inventor»). Через пункт главного меню «Проекты» -﹥ «Начать новый проект …» создать новый проект под названием BALL. Перенести компоненты из раздела «Интерфейс пользователя» на экран приложения (Screen1) согласно следующей схеме: У главного экрана Screen1 установить свойства: заголовок – ШАР выровнятьПоГоризонтали – Центр У компоненты Холст1 установить свойство: Цвет фона жёлтый Высота и ширина родительские У Шара установить свойства: Радиус 20 Добавить горизонтальное расположение: выровнятьПоГоризонтали – Центр Ширину родительскую Внутрь расположить две кнопки из интерфейса, назвав их в свойствах - СТАРТ и СТОП. Переходим в блочную структуру приложения. В режиме находятся две основные группы блоков: a. блоки работы с шаром b. блоки работы с кнопками Для конструирования приложения, создаем цветовую гамму приложения. Из Переменных в Просмотр ставим блок 1-го уровня, который является у нас обработчик событий, инициализируем глобальную в, где в окошечке печатаем цвет и присоединяем блок 3-го уровня истина из Логики, это у нас является командный блок сеттер. Следующая группа блоков складываются сеттеры из Переменных присвоить global цвет, далее крепим выбрать случайный элемент список и мутатор создать список. Далее с помощью звездочки (шестеренки) добавляем до 10 отсеков и крепим к ним блоки 3-го уровня разные Цвета, т.е. исполнительные блоки геттеры. Далее проектируем блочную структуру для кнопки СТАРТ Для этого из интегрированных блоков берём ЛКМ блок обработчик событий 1-го уровня Когда_СТАРТ_Щелчок_Делать, крепим к нему ранее созданную блочную систему обработчик цвета, а ниже друг за другом крепим блоки сеттеры из компонента Шар, где развёрнуты координаты X и Y, курс движения мяча, интервал движения, скорость движения и цветовая палитра. А далее крепим к ним блоки геттеры 3-го уровня. Далее проектируем блочную структуру для Шар и СТОП Из интегрированных блоков Шар берем блок 1-го уровня обработчик событий КогдаШарДостигнутьКрайДелать крепим к нему блок сеттер 2-го уровня 1-го типа ВызовШарОттаскиватьКрай и замыкаем блоком геттером получить край, который берем при нажатии на окошечко с надписью край. Последнее, берём первый блок из СТОП, крепим к нему из компонента Шар, блок сеттер 2-го уровня 1-го типа ПрисвоитьШарСкорость, замыкая блоком геттером 3-го уровня из Математики с цифрой 0. Выводы: в данной лабораторной работе создаётся приложение, в котором осваивается работа шаром из раздела «Рисование и анимация».