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

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

Конечно, вы также можете установить последнюю версию с помощью Bower:

bower install onsenui

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

Потяните, чтобы обновить <ons-pull-hook>

В мобильных приложениях «лента» — очень популярный способ показать последние события и новости. Чтобы обновить ленту, пользователь часто просто тянет список вниз и отпускает. Это очень интуитивно понятный способ обновления представления, и в новой версии пользовательского интерфейса Onsen мы представляем компонент <ons-pull-hook>. С его помощью вы можете легко добавить функцию обновления по запросу в любое приложение.

Внешний вид <ons-pull-hook> очень легко настроить с помощью CSS. Пожалуйста, попробуйте ниже и прочитайте сообщение в блоге об этой функции.



Пример приложения Pull Hook
Изменить описаниеandipavllo.github.io



Функцию можно добавить в приложение, просто написав несколько строк HTML:

Когда страница открывается, метод контроллера load($done) будет выполнен, а он, в свою очередь, выполнит функцию $done, когда завершит загрузку нового контента. Его также можно использовать вне AngularJS, используя вместо этого атрибут on-action.

Подробнее об этом компоненте можно узнать в документации.

Бесконечный список <ons-lazy-repeat>

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

Компонент <ons-lazy-repeat> работает в фоновом режиме, автоматически удаляя невидимые элементы и добавляя элементы, появляющиеся в поле зрения, в DOM во время прокрутки пользователем. Это позволяет отображать список из миллионов элементов практически без потери производительности.

Вы можете увидеть это в действии ниже:



Ленивый повтор | Пользовательский интерфейс Onsen
Изменить описаниеfrandiox.github.io



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

Мы надеемся, что вам понравится использовать эти два новых компонента!

Другие изменения

Полный список изменений доступен в Журнале изменений.

  • auto-refresh добавлено к <ons-carousel>, чтобы упростить использование с ngRepeat. При включенном auto-refresh нет необходимости вручную обновлять карусель при изменении элементов.
  • Скользящее меню теперь будет закрыто, если пользователь коснется главной страницы. Такое поведение характерно для нативных приложений, поэтому оно будет интуитивно понятным для пользователя.
  • К компоненту <ons-tab> добавлен атрибут persistent. Вкладка с этим атрибутом не будет перезагружать свое содержимое каждый раз, когда она выбрана. Это очень полезно, когда содержимое содержит навигатор или какое-либо другое содержимое, имеющее состояние.
  • Автоматически сгенерированные переменные, такие как ons.navigator и ons.slidingMenu, были удалены. Для приложений, использующих эти переменные, могут потребоваться некоторые изменения кода при обновлении до версии 1.2.2.
  • Пользовательский интерфейс Onsen был протестирован на Android 5 (Lollipop) и хорошо работает на последней версии Android.
  • Мы внесли множество улучшений в взаимодействие различных компонентов. Карусель больше не будет передавать события перетаскивания в скользящее меню, а прокрутка контента также лучше работает с каруселью.
  • Тонны мелких улучшений и исправлений ошибок.

Что дальше?

Мы продолжим попытки сделать пользовательский интерфейс Onsen лучшим из возможных фреймворков. Для этого нам нужна ваша помощь! Если вам нравится использовать пользовательский интерфейс Onsen, расскажите об этом, чтобы мы могли расширить сообщество!

В этом выпуске мы очень близки к тому, чтобы реализовать все функции, которые мы хотим включить в пользовательский интерфейс Onsen. Мы сосредоточим наши усилия на том, чтобы сделать существующие компоненты лучше, более интуитивно понятными и повысить стабильность. Мы также заинтересованы в расширении поддержки большего количества устройств, таких как Windows Phone, а также в возможности интеграции пользовательского интерфейса Onsen с новой спецификацией Google Material Design.

Если у вас есть функция, которую вы хотели бы видеть в следующей версии пользовательского интерфейса Onsen, сообщите нам об этом, открыв вопрос на нашей странице вопросов GitHub. Вы также можете открыть pull request, чтобы исправить ошибки, исправить ошибки или даже реализовать новую функцию. Мы с радостью примем пожертвования, если сочтем их достаточно хорошими.

Благодарим вас за использование пользовательского интерфейса Onsen и следите за обновлениями!

Первоначально опубликовано на onsen.io 26 февраля 2015 г.