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

Thunkable X: первое приложение

Thunkable X  
16.04.2018

В отличие от оконных операционных систем (Windows, macOS, Ubuntu), в которых приложения имеют окно, мобильные приложения состоят из экранов Screens. После создания нового проекта в рабочем поле редактора вида будет находиться экран Screen1, название которого отображается в списке видимых компонентов приложения VISIBLE COMPONENTS в левой части среды разработки. В этом списке отображаются имена существующих в проекте компонентов.

Создадим первое приложение, отображающее на экране приветствие "Привет iPhone!" при нажатии на кнопку. Для этого:

  1. Из палитры компонентов Components перетащите на рабочее поле экрана Screen1 компоненты Button и Label.
  2. Выберите кнопку на поле или её имя в списке и на вкладке свойств Properties измените надпись в поле Text на фразу "Показать приветствие".

Настройка вида

Рис. 1. Настройка вида.

  1. Выберите вкладку Blocks и в области палитры щёлкните на имени кнопки Button1 для отображения палитры блоков, относящейся к ней.
  2. Из палитры блоков перетащите на рабочее поле блок "when Button1 Click".
  3. Щелкните в палитре имя Label1 и перетащите из открывшейся палитры блок "from Label1 set Text" внутрь имеющегося блока "when Button1 Click".
  4. Введите в текстовой блок строку без кавычек "Привет, iPhone!".

Программирование логики

Рис. 2. Программирование логики.

Для проверки правильности работы приложения запустите на iPhone ранее установленное из App Store приложение Thunkable Live и при необходимости нажмите ссылку Live Test в верхней части среды разработки (для синхронизации проектов). В случае успеха на экране устройства отобразится текстовая область и кнопка, при нажатии на которую отобразится наше приветствие.

После успешного запуска приложения переёдём к его установке на iPhone. Для этого в панели управления щелкните на пиктограмме Download и в выпадающем списке выберите Download iOS App. В появившемся диалоге введите свой электронный адрес почты, на который через некоторое время будет отправлено письмо с ссылкой для скачивания приложения. Откройте письмо на iPhone, скачайте приложение по ссылке и установите его. Для этого в системных настройках телефона на вкладке "Основные" нужно найти пункт "Управление устройством" и подтвердить своё доверие на установку профиля Rappidly Inc (торговое название Thunkable).

Скриншот экрана iPhone после нажатия на кнопку показан ниже.

Скриншот экрана приложения

Рис. 3. Скриншот экрана приложения.

Если вы хотите поделиться своим проектом с другими людьми (у которых также есть аккаунт Thunkable X), то сделать это можно путём отправки ссылки на свой проект. Получить ссылку можно несколькими способами:

  1. Нажать на ссылку Share в верхней части среды разработки.
  2. Перейти в настройки приложения, щёлкнув на имени проекта, включить опцию Public Project (при необходимости) и скопировать url проекта из адресной строки браузера.

Также можно поделиться и файлом приложения apk. Для этого выберите команду Download|Download Android App. Установочный файл ipa для iOS получить невозможно.

Thunkable X  
© 2016-2018 Александр Страшко