DroidScript

Интерфейс Sketchware

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

Интерфейс Sketchware

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

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

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

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

После открытия программы появится начальный экран.

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

Для создания бесплатной учётной записи Sketchware с возможностью безопасного хранения проектов нажмите кнопку Sign In.

Нажмите кнопку Explore для перехода на страницу списка ваших проектов MY PROJECTS.

Браузер проектов

В заголовке расположена кнопка для отображения бокового выдвигающегося меню, название среды разработки SKETCHWARE и кнопка для входа в аккаунт.

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

  • MY PROJECTS (мои проекты) - браузер проектов
  • Учитель - вкладка с ссылками на обучающие материалы и пошаговые руководства
  • Глобус - кнопка для перехода в браузер общедоступных приложений, созданных на Sketchware

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

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

  • Settings - открыть диалог настроек проекта
  • Share - сделать проект общедоступным (нужен аккаунт Sketchware)
  • Sign - подписать apk-файл для экспорта в Google Play (для бесплатной подписки придётся каждый раз смотреть рекламу)
  • Export - отправить архив проекта по email
  • Delete - удалить проект

Для открытия существующего проекта щёлкните по его вкладке, а для создания нового проекта нажмите ссылку "Create A New Project" или "+".

Диалог настроек для  нового проекта

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

Для открытия созданного проекта нажмите вкладкус его названием.

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

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

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

  • Remote Ads - удалить рекламу (за деньги)
  • Documentation - документация
  • Share with Friends - распространить проект среди друзей
  • System Settings - системные настройки
  • Program information - информация о программе
  • Language Settings - выбор языка (доступен русский язык с забавным переводом)

В нижней части даны ссылки на Facebook, официальный сайт и сообщество в Slack.

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

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

На данной вкладке расположены ссылки на пошаговые уроки. Под каждой ссылкой отображается количество пройденных и общих шагов урока. Для запуска урока нажмите кнопку Start Tutorial.

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

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

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

При создании нового проекта или открытия существующего появится экран проекта

Экран проекта

В заголовке окна расположены:

  • Ссылка Back (<-) для выхода из проекта
  • Название проекта
  • Кнопки отмены и повтора последнего действия
  • Кнопка для сохранения проекта
  • Кнопка меню

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

  • VIEW - редактор вида
  • EVENT - редактор событий
  • COMPONENT - компоненты

В левой основной части экрана расположена палитра виджетов, а справа - рабочая область редактора вида.

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

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

Меню

В меню содержатся команды для конфигурации проекта.

  • Library - настройка компонентов
  • View - управление экранами
  • Image - управление графическими ресурсами
  • Sound Manager - управление звуковыми ресурсами
  • Show Source code - отображения исходного кода проекта (Java и Xml)
  • Collection - глобальные ресурсы (изображения, звуки, шифты, виджеты и блоки), которые доступны в любом проекте аккаунта

Редактор событий (EVENT)

Предназначен для создания событийной логики работы приложения

Редактор событий

В левой части находится панель категорий:

  • Activity - активность
  • View - вид
  • Component - компонент
  • Drawer - выдвигающаяся боковая панель
  • MoreBlock - больше блоков

Область компонентов (COMPONENT)

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

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

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

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

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

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

  • Version - номер версии программы
  • Reset system - сброс системных настроек/настроек и данных
  • Check update - проверка обновления
  • Update Log - журнал обновлений от разработчиков
  • Suggest Ideas - предложение идей по развитию программы
  • Share with Friends - поделиться с друзьями
  • Facebook - ссылка на страницу рограммы в Facebook
  • Medium - ссылка на страницу информационного сообщества
  • Website - ссылка на официальный сайт программы
  • E-mail - электронная почта
  • Telephone - телефон
  • Service terms - лицензионное соглашение
  • System information - информация об используемой системе
  • Open Source License - информация с ссылками на используемые в программе технологии, обладающих лицензией с открытым исходным кодом

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

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

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

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

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

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

Палитра свойств

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