Sencha Touch — популярная платформа Sencha для создания пользовательского интерфейса для мобильных приложений. Он помогает разработчику создать мобильное приложение с использованием простого HTML, CSS, JS, которое поддерживает множество мобильных устройств, таких как Android, IOS, BlackBerry и Windows. Он основан на архитектуре MVC. Последняя версия Sencha Touch — 2.4.
История Сенча Touch
После выпуска другого продукта Sencha, ExtJs, предназначенного для веб-приложений, возникла необходимость в разработке инфраструктуры, которая бы работала и на мобильных устройствах.
Первой версией Sencha Touch была бета-версия 0.9, которая поддерживала устройства Android и IOS. Позднее первый основной выпуск Sencha Touch версии 1.0 был в ноябре 2010 года, который был первой стабильной версией и также поддерживал устройства Blackberry.
Последний выпуск Sencha Touch — это версия 2.4, выпущенная в июне 2015 года, которая поддерживает множество устройств, таких как Windows, Tizen, а также Android, IOS, BlackBerry OS 10, Google Chrome для Android и мобильный Safari и т. Д.
Особенности Sencha Touch
Ниже приведены наиболее заметные особенности Sencha Touch —
-
Настраиваемые и более 50 встроенных виджетов пользовательского интерфейса с набором богатых пользовательских интерфейсов, таких как списки, карусели, формы, меню и панели инструментов, созданные специально для мобильных платформ.
-
Код совместимости новых версий со старыми.
-
Гибкий менеджер компоновки, который помогает организовать отображение данных и контента на нескольких мобильных устройствах с разными ОС.
-
Инфраструктура включает в себя надежный пакет данных, который может потреблять данные из любого внутреннего источника данных.
-
Адаптивные макеты, анимация и плавная прокрутка для лучшего использования мобильного веб-приложения.
-
Изначально выглядящие темы для каждой основной платформы позволяют адаптировать веб- и гибридные приложения к внешнему виду и ощущению целевых платформ.
Настраиваемые и более 50 встроенных виджетов пользовательского интерфейса с набором богатых пользовательских интерфейсов, таких как списки, карусели, формы, меню и панели инструментов, созданные специально для мобильных платформ.
Код совместимости новых версий со старыми.
Гибкий менеджер компоновки, который помогает организовать отображение данных и контента на нескольких мобильных устройствах с разными ОС.
Инфраструктура включает в себя надежный пакет данных, который может потреблять данные из любого внутреннего источника данных.
Адаптивные макеты, анимация и плавная прокрутка для лучшего использования мобильного веб-приложения.
Изначально выглядящие темы для каждой основной платформы позволяют адаптировать веб- и гибридные приложения к внешнему виду и ощущению целевых платформ.
Сенча Touch ─ Преимущества
Sencha Touch является ведущим стандартом для разработки веб-приложений бизнес-класса. Он предлагает инструменты, необходимые для создания надежных приложений для большинства мобильных устройств, обеспечивая единую платформу для разработки приложений. Ниже приведены некоторые из преимуществ —
-
Обеспечивает адаптивную сенсорную функцию, поэтому пользователь может легко перемещаться при использовании мобильного приложения.
-
Обеспечивает совместимость со всеми последними версиями IOS, Android и Blackberry, а также Windows.
-
Обеспечивает максимально возможную скорость, желательную для любого мобильного приложения.
-
Обеспечивает экономичное решение с его кроссплатформенной совместимостью
-
Основанный на собственных API и базовых языках веб-разработки, таких как HTML, CSS, JS, который облегчает разработчику понимание Sencha Touch.
Обеспечивает адаптивную сенсорную функцию, поэтому пользователь может легко перемещаться при использовании мобильного приложения.
Обеспечивает совместимость со всеми последними версиями IOS, Android и Blackberry, а также Windows.
Обеспечивает максимально возможную скорость, желательную для любого мобильного приложения.
Обеспечивает экономичное решение с его кроссплатформенной совместимостью
Основанный на собственных API и базовых языках веб-разработки, таких как HTML, CSS, JS, который облегчает разработчику понимание Sencha Touch.
Сенча Touch ─ Ограничения
Sencha Touch API не имеет следующих возможностей —
-
Приложение не имеет доступа к камере, контактам и акселерометру устройства.
-
Он не предоставляет средства push-уведомлений. Для этого мы должны использовать веб-сокеты или длинный опрос.
-
Согласно общедоступной лицензионной политике, она бесплатна для приложений с открытым исходным кодом, однако оплачивается для коммерческих приложений.
-
Это не хорошо для жестких графических и анимационных приложений, таких как игровые приложения.
Приложение не имеет доступа к камере, контактам и акселерометру устройства.
Он не предоставляет средства push-уведомлений. Для этого мы должны использовать веб-сокеты или длинный опрос.
Согласно общедоступной лицензионной политике, она бесплатна для приложений с открытым исходным кодом, однако оплачивается для коммерческих приложений.
Это не хорошо для жестких графических и анимационных приложений, таких как игровые приложения.
Sencha Touch ─ Инструменты
Сенча SDK
Это набор разработчика Sencha, используемый для создания скелета проекта. Мы используем команду «sencha -sdk path / to / touch generate app appName», чтобы создать приложение с именем, указанным в команде.
Когда приложение создано, вы можете увидеть следующие файлы в приложении —
-
app — эта папка содержит модель, вид, контроллер и файлы для хранения приложения.
-
app.js — это основной файл JS для вашего приложения. Из этого файла начинается поток кода Sencha.
-
app.json — это файл конфигурации для приложения, все детали конфигурации представлены здесь.
-
index.html — это основной html-файл, в который мы включаем app.js и другие файлы, связанные с Sencha.
-
package.json — этот файл содержит всю зависимость и другую информацию, связанную с приложением.
-
ресурсы — эта папка включает в себя все файлы CSS и изображения, необходимые для приложения.
app — эта папка содержит модель, вид, контроллер и файлы для хранения приложения.
app.js — это основной файл JS для вашего приложения. Из этого файла начинается поток кода Sencha.
app.json — это файл конфигурации для приложения, все детали конфигурации представлены здесь.
index.html — это основной html-файл, в который мы включаем app.js и другие файлы, связанные с Sencha.
package.json — этот файл содержит всю зависимость и другую информацию, связанную с приложением.
ресурсы — эта папка включает в себя все файлы CSS и изображения, необходимые для приложения.
Сенча CMD
Sencha CMD — это инструмент командной строки, который предоставляет функции минимизации кода Sencha Touch, создания лесов, создания сборок и другие полезные функции для производственных целей.
Мы используем команду «Пакет сборки приложения Sencha» в командной строке для создания приложения для этого. Перейдите в каталог приложения в командной строке и введите приведенную выше команду. Как только сборка будет успешной, мы увидим минимизированную версию приложения, в основном используемую для производственных целей.
Это можно скачать с https://www.sencha.com/products/extjs/cmd-download/
Сенча инспектор
Sencha Inspector — это инструмент отладки, позволяющий отладить любую проблему в коде Sencha во время разработки.