DroidScript

Thunkable X: среда разработки

© 2016-2018 Автор материалов - Александр Страшко admin@starport.ru
DroidScript
инструменты для мобильной разработки

Thunkable X: среда разработки

© 2016-2018 Автор материалов - Александр Страшко admin@starport.ru
Thunkable X  
Дата изменения 14.10.2018

Для разработки приложений на платформе Thunkable используется браузерная среда разработки Thunkable X и приложение-клиент Thunkable Live, которое необходимо установить на устройство iOS или Android из магазина приложений.

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

  1. Откройте официальную страницу thunkable.com и для входа в систему нажмите кнопку Sign Up для создания нового аккаунта или Log In для входа в существующий аккаунт.
  2. На появившейся странице нажмите кнопку Cross Platform X.
  3. В случае успешного входа на экране отобразится браузер проектов с вкладками:
  4. На вкладке My Projects отображаются ярлык для создания нового проекта "Create New App" и ярлыки всех ранее созданных проектов.

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

Рис. 1. Браузер проектов.

На ярлыке проекта расположены следующие элементы:

Для создания нового проекта необходимо щёлкнуть по ярлыку "Create New App". Появится диалог, в котором нужно дать название проекту. После его ввода загрузится среда разработки Thunkable X в режиме редактора вида.

Интерфейс среды разработки Thunkable X в режиме редактора вида

Рис. 2. Интерфейс среды разработки Thunkable X в режиме редактора вида.

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

В верхней части окна расположена панель управления

Панель управления

Рис. 3. Панель управления.

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

Среда разработки имеет два режима работы - редактор вида (Design) и редактор блоков (Blocks), переключение между которыми осуществляется при помощи вкладок.

На вкладке Design расположены:

Палитра компонентов Components

Используется для выбора необходимых компонентов. На текущий момент доступны следующие компоненты:

В ценральной части расположено рабочее поле редактора вида, над которым располагаются ссылки для быстрого выбора экрана (Screen1) и создания нового "+"

Панель свойств Properties

Предназначена для настройки внешнего вида и поведения выбранного компонента путём редактирования его свойств. Редактирование свойств возможно в двух режимах - Simple (простой) и Advanced (расширенный), переключение между которыми осуществляется при помощи одноимённых кнопок.

Редактор блоков Blocks

Предназначен для создания программной логики.

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

Вкладка блоков

Рис. 4. Редактор блоков.

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

Под этим списком располагаются блоки компонентов приложения (Button1, Screen1).

В редакторе блоков используется контекстное меню, появляющееся при щелчке правой кнопкой.

В правой нижней части редактора блока находятся следующие элементы управления для выполнения команд:

Перечни свойств, расположенные на вкладке Properties и Blocks, не идентичны. Блоки имеются далеко не для всех свойств.

На следующем занятии мы создадим простое приложение и установим его на iPhone.

Thunkable X