Начало работы с мобильными приложениями

Для создания мобильного приложения, нужно установить модуль Mobile Apps в проект. Сделать это можно, перейдя во вкладку Mobile Apps и нажать Create Application.

После установки модуля, требуется настроить мобильное приложение. В новом модальном окне, в качестве первого шага, нужно ввести имя приложения, выбрать платформу (Multiplatform, Apple iOS, Android) и (опционально) добавить описание и обложку.

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

  • Blank - не создает предустановленную навигацию, что позволяет пользователю настроить ее по своему желанию в дизайнере интерфейса.
  • Bottom Nav - навигация между страницами представлена кнопками внизу экрана.
  • Slide Out Menu - выдвижное навигационное меню со страницами.

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

Все эти настройки могут быть изменены после создания приложения. Для этого нужно кликнуть на кнопку настроек приложения.

Triggers & Actions

Вкладка Triggers & Actions содержит список триггеров мобильного приложения. Для редактирования связанных с ними бизнес-процессов, нужно кликнуть на один из триггеров в списке.

Интерфейс дизайнера мобильных приложений

Интерфейс дизайнера мобильных приложений состоит из нескольких частей. Рассмотрим каждую из них подробнее.

  1. Меню, позволяющее переключать вкладки между дизайнером приложения, дизайнером БП и настроек мобильного приложения соответственно.

  2. Вкладками iOS/Android возможно переключать между канвой для разных устройств.

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

  4. Чтобы создать новую страницу, нужно нажать на кнопку New screen. В новом модальном окне нужно ввести имя страницы и тип макета. Данные для заполнения элементов страницы можно выбрать только в том случае, если тип макета не View.

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

    • Navigation bar
    • Header
    • Body
    • Footer
  6. Каждый компонент может быть настроен индивидуально как функционально, так и стилистически.

  7. Канва для создания дизайна с помощью компонентов. Для того, чтобы редактировать наполнение страницы, нужно перейти во вкладку Components и выбрать соответствующие компоненты для использования в макете приложения. Перетащив их в поле макета, можно задействовать их.

  8. На панели справа можно настроить свойства компонент и страниц и связанные с ними бизнес процессы.

  9. Переименовать или удалить компонент можно простым нажатием на соответствующую кнопку так же, на панели справа.

  10. Нажмите Save application, чтобы сохранить приложение.

  11. Затем, Publish, чтобы опубликовать приложение.

  12. Чтобы протестировать приложение, нужно скачать мобильное приложение AppMaster Developer на iPhone или Android смартфон и, авторизовавшись в свою учетную запись, выбрать нужный проект.

Was this article helpful?

AppMaster.io 101 Полный курс

10 модулей
2 недели

Не знаете с чего начать? Начните с нашего ускоренного курса для начинающих и изучите AppMaster от А до Я.

Начать обучение
Development it’s so easy with AppMaster!

Остались вопросы?

Наши эксперты с радостью ответят на все ваши вопросы о платформе AppMaster и помогут вам в создании приложений.

headphones

Служба поддержки

Поделитесь своей проблемой с нашими специалистами.

message

Комьюнити AppMaster

Обсудите вопросы с другими пользователями в нашем чате.

Присоединиться