DroidScript

Интерфейс Sketchware

DroidScript
инструменты разработки под Android

Интерфейс Sketchware

Установка Sketchware производится из магазина приложений Google Play на устройства Android версии 4.4 или выше. Если у вас нет подходящего устройства, то можно воспользоваться эмулятором BlueStacks 3.

Для устранения путаницы Sketchware далее именуется программой.

Начальный экран

После открытия программы появится начальный экран с активной вкладкой "Мои проекты" (MY PROJECTS). При отсутствии проектов в области каталога будет отображается приветствие с предложением приступить к созданию проекта или просмотру одного из примеров, ссылки на которые даны ниже.

Начальный экран

В верхней части экрана расположена панель действий, на которой присутствует кнопка управления отображением боковой панели, надпись SKETCHWARE и ссылка на быстрое пошаговое введение (GETTING STARTED).

За вкладкой MY PROJECTS, идёт вкладка TUTORIALS (пошаговые уроки) и SHARED PROJECTS (каталог общедоступных приложений, созданных на Sketchware).

Плавающая кнопка в нижней части экрана управляет видимостью панели с кнопкой создания нового проекта (New Project) и ссылками на примеры (Sketchware Examples).

После создания проекта в каталог MY PROJECTS добавится его ярлык, справа от которого будет ссылка на контекстное меню:

  • Share Project - сделать проект общедоступным
  • Delete Project - удалить проект
  • Project Settings - настройки проекта
  • Sign APK File - подписать apk-файл для экспорта в Google Play

Рассмотрим экраны, появляющиеся при нажатии на ссылки в панели действий.

Боковая панель (sidebar)

Боковая панель

  • My Page - учетная запись
  • Widget Helper - помощник виджетов
  • Block Helper - справочник по блокам
  • System Settings - системные настройки
  • Program information - информация о программе

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

Пошаговое введение (GETTING STARTED)

Пошаговое введение

  • Install Sketcheare - установка среды разработки
  • Complete the Tutorials - пошаговые уроки
  • Create My First Application - создание первого приложения
  • Share My Application - выкладывание созданного приложения в каталог общедоступных приложений
  • Upload to Google Play Store - загрузка приложения в магазин приложений Google

О вкладке MY PROJECTS было рассказано выше, а теперь посмотрим две оставшиеся.

Пошаговые уроки (TUTORIALS)

Пошаговые уроки

Список уроков дан с указанием количества карточек с заданиями (шагами) CARDS и процентом их выполнения.

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

Каталог общедоступных проектов (SHARED PROJECTS)

Каталог общедоступных проектов

Область каталога разделёна на две части, в одной из которых показаны по категориям сторониие проекты, а в другой - собственные, которые вы решите выложить в общий доступ.

При создании нового проекта или открытия существующего появится экран, панель действий которого содержит ссылки на помощник виджетов (Widget Helper) и меню.

Помощник виджетов (Widget Helper)

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

Помощник виджетов

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

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

Меню

В меню содержатся команды для работы с проектом.

Меню

  • Save Project - сохранить проект
  • View Manager - менеджер видов
  • Image Manager - менеджер графических ресурсов
  • Sound Manager - менеджер звуковых ресурсов
  • Show Source code - исходный код
  • Export to website - экспорт на сайт
  • Export - экспорт (отправка) по почте

Редактор вида (VIEW)

Редактор вида

В заголовке отображается имя проекта (не путайте его с названием приложения), ссылка на помощник виджетов (Widget Helper) и меню.

Основную область экрана занимают вкладки VIEW (редактор вида) и LOGIC (редактор логики).

В редакторе вида (видом в Sketchware называется активность или экран) производится создание интерфейса приложения путём перетаскивания компоновщиков (Layouts) и виджетов (Widgets) из палитры, расположенной в левой части экрана, на рабочее поле. Выбор виджета осуществляется путём длительного касания.

В нижней части располагается выпадающий список видов для переключения между ними и кнопка запуска проекта на выполнение (компиляция в apk-файл, установка и запуск).

Редактор логики (LOGIC)

Редактор логики

Здесь производится добавление в проект обработчиков событий и компонентов (невидимых объектов). При выборе созданного события или компонента происходит переход в редакторе блоков.

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

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

На панели действий находятся пиктограммы копирования и вставки выбранного блока, а также ссылка на справочник по блокам (Block Helper). Основную часть экрана занимает рабочее поле, предназначеное для размещения на нём блоков и создания требуемых действий.

Справочник по блокам (Block Helper)

Здесь можно посмотреть описание по любому блоку и посмотреть примеры недопустимых комбинаций блоков.

Справочник по блокам

Выбрать нужную категорию блоков можно по ссылке на панели действий.

Информация о программе

Информация о программе

  • Version - номер версии программы
  • RESET SYSTEM - сброс системных настроек/настроек и данных
  • CHECK UPDATE - проверка выхода новой версии
  • Notices - новости и уведомления от разработчиков
  • Share with Friends - поделиться с друзьями
  • Main Feature - главные особенности Sketchware
  • Video Tutorial - пошаговые видеоуроки
  • Social Network - раздел с ссылками на страницы сообщества Sketchware
  • Company Description - раздел с контактами компании-разработчика программы
  • Service terms - лицензионное соглашение
  • System information - информация об используемой системе
  • Open Source License - информация с ссылками на используемые в программе технологии, обладающих лицензией с открытым исходным кодом

Системные настройки программы (System Settings)

В настройках можно включить:

  • вибросигнал при выборе виджета или блока долгим нажатием
  • автосохранение при выходе из проекта
  • использовать уведомления
  • разрешить оповещения

Системные настройки программы

Настройки проекта (Project Settings)

  • Application name - название приложения
  • Package - имя пакета
  • Project - название пакета

Настройки проекта

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