DroidScript

Разработка приложений под iOS на Thunkable: среда разработки

DroidScript
инструменты для мобильной разработки

Разработка приложений под iOS на Thunkable: среда разработки

Оглавление 
Дата изменения 15.01.2018

Для входа в среду разработки Thunkable выполните следующие шаги:

  1. Откройте официальный сайт thunkable.com и для входа в систему нажмите кнопку Sign In, расположенную на главной странице.
  2. На появившейся странице выбора операционной системы (iOS или Android) выберите iOS.
  3. На следующей странице нужно осуществить вход в среду разработки при помощи своей учётной записи Google (Sign in with Google).
  4. В случае успешного входа, на экране отобразится область Projects, в которой щелкаем по ссылке Create New App (создать новое приложение) и попадаем в IDE.

Интерфейс среды разработки Thunkable для iOS выглядит просто, но несколько запутанно.

Интерфейс Thunkable для iOS

Рис. 1. Интерфейс Thunkable для iOS.

В левом верхнем углу находится логотип thunkable, который используется для перехода на страницу проектов Projects, где можно создать новый проект или открыть один из ранее созданных.

Справа вверху расположены ссылки:

  • Live Test - интерактивный просмотр на устройстве
  • Share - поделиться ссылкой на проект (переход пользователя по этой ссылке даст ему возможность получить копию проекта, его ресурсы, данные, ключи API и пароли)
  • Download - отправка на указанный почтовый адрес ссылки для загрузки и установки приложения в iOS
  • Publish - публикация приложения в магазине приложений App Store (для публикации необходима регистрация в программе разработчика Apple)
  • Help - выпадающее меню помощи с ссылками на документацию (Documentation), пошаговое руководство для начинающих (Tutorial) и форум сообщества (Community)
  • Account - выпадающее меню учётной записи с ссылками для входа в среду разработки под Android (Sign into Android) и выходом из среды разработки (Sign out)

Для организации интерактивного просмотра приложения на устройстве, из магазина приложений App Store установите на нём приложение Thunkable Live. После этого откройте его и выполните вход при помощи своего Google-аккаунта. После появления запроса на соединение нажмите кнопку Live Test в IDE.

Под логотипом и областью ссылок находится панель проекта, область вкладок и рабочее поле, имитирующее экран мобильного устройства.

На панели проекта расположены:

  • cсылка с названием проекта, при щелчке на которой откроется страница с вкладками настроки проекта и загрузки ресурсных файлов
  • ссылка Add Component, при помощи которой можно перейти на вкладку компонентов (Components)
  • древовидные списки видимых и невидимых компонентов приложения - VISIBLE COMPONENTS и INVISIBLE COMPONENTS. После создания нового проекта в списке видимых компонентов проекта будет находиться один компонент - главный экран Screen1

В центральной части окна находится область вкладок - компоненты Components (видна по умолчанию), свойства Properties и блоки Blocks. Последние две вкладки появляются при выборе компонента (имеющего свойства и блоки) из списков компонентов приложения.

Вкладка компонентов Components

Здесь расположена палитра компонентов:

  • User Interface (пользовательский интерфейс) - элементы управления:
    • Button - кнопка
    • Label - область текста
    • TextInput - текстовое поле ввода
    • List Viewer - область для отображения текстового списка
    • Web Viewer - область для отображения web-данных
  • Screen / Layout (экран / компоновки) - экраны и компоновщики:
    • Tab Navigator - компонент для организации смены экранов при помощи вкладок
    • Stack Navigator - компонент для смены экранов путём их наложения друг на друга
    • Drawer Navogator - навигация при помощи списка окон, расположенной на выдвижной панели
    • Screen - экран
    • Row - компоновщик элементов в строку
    • Columns - компоновщик элементов в столбец
  • Voice / Audio / Artificial Intelligence (голос / аудио / искуственный интеллект) - компоненты для работы со звуком:
    • Sound - проигрыватель звуков (mp3, wav)
    • Text To Speech - синтезатор речи
    • Assistant - голосовой помощник (отвечает на голосовые вопросы пользователей)
    • Translator - Yandex-переводчик
  • Image / Video / Artificial Intelligence (изображения / видео / искуственный интеллект) - компоненты для работы с графикой:
    • Image - компоненд для отображения изображения
    • Photo Libraty - компонент для создания галереи фотографий
    • Camera - компонент для работы с камерой iPhone или iPad
    • Image Recognizer - компонент для работы со службой распознавания изображений Microsoft
  • Data / Storage (данные / хранилища) - работа с данными:
    • Local Storage - локальное хранилище для сохранения информации в телефоне, не требующее доступа к сети Интернет
    • Realtime DB - высокопроизводительное облачное хранилище Firebase
    • Web API - веб-сервис для работы с данными при помощи HTTP-запросов GET, POST, PUT и DELETE
  • Map / Location (карты / местоположение) - работа с картой
    • Map - компонент для работы с картой
  • Sensor (датчик):
    • Timer - таймер

В нижней части рабочего поля находится плавающая кнопка для связи с группой поддержки Thunkable.

Вкладка свойств Properties

Щёлкните по компоненту проекта Screen1 для её открытия. На вкладке расположены элементы управления для задания начальных значений свойств выбранного компонента.

Вкладка блоков Blocks (редактор блоков)

В левой части вкладки находится палитра блоков, а в правой - рабочее поле для создания программной логики путём объединения блоков друг с другом.

Блоки распределены по категориям:

  • Logic - логические
  • Control - управляющие
  • Math - математические
  • Text - текстовые
  • Lists - для работы со списками
  • Colors - для работы с цветом
  • Objects - для работы с объектами JSON
  • Variables - переменные
  • Functions - функции

Под этим списком будут располагаться категории блоков компонентов приложения.

Наборы свойств, расположенных на вкладке Properties и Blocks, не идентичны. Если нужное свойство отсутствует, то, возможно, оно есть среди блоков и наоборот.

На следующем занятии будут рассмотрены основы работы в Thunkable под iOS.

Оглавление 
© 2016 droidscript.ru admin@droidscript.ru