Директивы Ionic VS Директивы материалов Angular с Ionic Framework

Я хочу использовать ionic с материальным дизайном. Я застрял между использованием ионных директив с пользовательским CSS и angular-material

Я читал, что с помощью ионных директив мы получаем много эффективных функций, таких как

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

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

и множество улучшений производительности.

Но если я использую ионные директивы, у них нет материального дизайна.

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

Директивы Angular-material похожи на

<md-list>
  <md-item ng-repeat="item in items">
    Hello, {{item}}!
  </md-item>
</md-list>

Ионные директивы похожи на

<ion-list>
  <ion-item ng-repeat="item in items">
    Hello, {{item}}!
  </ion-item>
</ion-list>

Похоже, что Ionic финансирует разработку проекта angular-material, тогда почему angular-material несовместима с использовать с ионным?

Как я могу использовать компоненты angular-material, не теряя улучшений производительности и функций ionic?

OR

есть ли лучшая идея для использования Material Design с ionic?


person Vamsi    schedule 07.03.2015    source источник
comment
Вероятно, потребуется некоторое время, пока ngMaterial и ionic не начнут работать друг с другом. Ionic всегда должен поддерживать iOS. Я не уверен, куда движется Ionix с точки зрения дизайна. Когда проект стартовал, они хотели, чтобы приложения выглядели одинаково на всех платформах. Некоторое время назад они достигли этой цели и теперь стремятся к большей непрерывности платформы, о чем также свидетельствует объявление о вакансии. Возможно, вы захотите напрямую спросить разработчиков (форум Ionic - хорошее место, чтобы спросить) о дорожной карте материального дизайна.   -  person Markus Müller    schedule 23.03.2015
comment
Я писал сообщения на ионных форумах, но безуспешно. Некоторые приложения Google используют материальный дизайн как на Android, так и на iOS. Но сейчас меня интересует андроид. iOS становится дороже и с каждым годом :(. Это просто отговаривает таких начинающих, как я, присоединяться к iOS. Я думаю, что iOS должна использовать ограниченную плату для учетной записи разработчика.   -  person Vamsi    schedule 23.03.2015
comment
Я уверен, что в ближайшем будущем они объявят о дорожной карте post v1.   -  person Markus Müller    schedule 23.03.2015


Ответы (3)


Я нашел CSS-фреймворк для материального дизайна, известный как Materializecss. Выглядит многообещающе. Это просто фреймворк CSS и javascript.

http://materializecss.com/

Преимущества перед другими фреймворками

  1. Чистые классы CSS не будут конфликтовать с ионными директивами. Без потери производительности.
  2. Из всех фреймворков, которые я видел, это единственный, который строго следует правилам материального дизайна.
  3. Почти готово, около 50+ участников. Текущая версия 0.95.3 менее чем за 6 месяцев.
  4. Легко использовать. Хорошо задокументирован с помощью продуманной навигации.
  5. Он имеет почти все функции материального дизайна, необходимые для приложения.

На этой странице http://materializecss.com/getting-started.html показано, как включить это в ваших проектах.

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

ОБНОВЛЕНИЕ: 09.07.2015

Я нашел еще один легкий мощный и красивый CSS-фреймворк для материального дизайна.

Материальный дизайн Light http://www.getmdl.io/ < / сильный>

Он легкий, имеет плавную и быструю анимацию, выглядит неплохо. Его сделал один из разработчиков Google. Его официально продвигает Google https://developers.google.com/web/. Это становится довольно популярным, попробуйте. Сравнение с угловым материалом

ОБНОВЛЕНИЕ: 23.10.2015

Ionic2 имеет поддержку InBuilt для материального дизайна в Android

Это официально, вы можете посмотреть демонстрацию Ionic2 в AngularConnect, по умолчанию для Android используется материальный дизайн. . Нам не нужно беспокоиться о выборе фреймворка для материального дизайна.

person Vamsi    schedule 23.03.2015
comment
Большая проблема в том, что для этого нужен jQuery. - person darryn.ten; 24.03.2015
comment
Нам просто нужен css. Всплывающие окна, модальные окна и другие функции существуют в ionic. Итак, jquery в основном не нужен, если мы не пытаемся использовать материализованные функции javascript, которых нет в ionic. - person Vamsi; 24.03.2015
comment
Есть ли у вас отзывы об использовании Material Design Light getmdl.io. + материальный дизайн. Буду очень признателен за любые отзывы о библиотеке. - person Javier Salinas; 04.09.2015
comment
Material Design Light лично не использовал, выглядит многообещающе. Вот сравнение Material Design Light и bootstrap tutorialzine.com/2015/07/comparing -bootstrap-with-mdl, если вы использовали бутстрап, это поможет. Google продвигает это на своей странице веб-разработчиков. Итак, это должно быть достаточно хорошо. - person Vamsi; 16.09.2015

Есть довольно новый проект под названием Ionic Material.

Я попробовал его, и он работает довольно хорошо, но имейте в виду, что он все еще находится в режиме «Предварительный просмотр».

Согласно репозиторию github, он должен войти в альфа-версию в апреле 2015 года.

Может быть установлен с беседкой

bower install ionic-material

Это почти все, что вам нужно сделать, но будьте осторожны, есть ошибки, а документации практически нет.

Удачи!

person darryn.ten    schedule 18.03.2015
comment
Я уже видел библиотеку ионных материалов и раньше, но проблема в том, что 1. Это далеко не завершение. Документация отсутствует. 2. Это не находится в активной разработке и не имеет хорошей поддержки. только один парень работал над этим в течение 7 дней, как видно сегодня. Так что использовать его в производственном приложении без гарантии сложно. 3. Angular-material, ionic имеют хорошее финансирование и поддержку, и очень хорошие разработчики работают над этим в хорошем темпе. так что я могу им доверять. - person Vamsi; 18.03.2015

ионный материал и Ionic Material Design Lite - две многообещающие новые библиотеки, которые призваны стать расширением ионной структуры. Хотя немного незрелый, хорошо работает с ионными компонентами и хорошо поддерживает тематику материала.

Это, вероятно, может дать больше информации .

person varna    schedule 30.10.2015