Я хочу использовать ionic с материальным дизайном. Я застрял между использованием ионных директив с пользовательским CSS и angular-материалом
Я читал, что с помощью ионных директив мы получаем много эффективных функций, таких как
Данные приложения запоминаются с помощью 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 несовместимо с ionic?
Как я могу использовать компоненты angular-material, не теряя при этом улучшений производительности и функций ionic?
ИЛИ
есть ли лучшая идея для использования Material Design с ionic?
Ответы:
Я нашел CSS-фреймворк для материального дизайна, известный как Materializecss . Выглядит многообещающе. Это просто фреймворк CSS и javascript.
http://materializecss.com/
Преимущества перед другими фреймворками
Эта страница http://materializecss.com/getting-started.html покажет вам, как включить его в свои проекты.
Я надеюсь, что это поможет любому из вас, кто ищет хорошую основу для материального дизайна.
ОБНОВЛЕНИЕ: 2015-07-09
Я нашел еще один легкий мощный и красивый CSS-фреймворк для материального дизайна.
Материальный дизайн Light http://www.getmdl.io/
Он легкий, имеет плавную и быструю анимацию, выглядит неплохо. Его сделал один из разработчиков Google. Его официально продвигает Google https://developers.google.com/web/ . Это становится довольно популярным, попробуйте. Сравнение с угловым материалом
ОБНОВЛЕНИЕ: 2015-10-23
Ionic2 имеет поддержку InBuilt для материального дизайна в Android
Это официально, вы можете посмотреть демонстрацию Ionic2 в AngularConnect , по умолчанию для Android используется Material Design. Нам не нужно беспокоиться о выборе фреймворка Material Design.
источник
Material Design Light, выглядит многообещающе. Вот сравнениеMaterial Design Lightиbootstraptutorialzine.com/2015/07/comparing-bootstrap-with-mdl. Если вы использовали бутстрап, это поможет. Google продвигает это на своей странице веб-разработчиков. Итак, это должно быть достаточно хорошо.Есть довольно новый проект под названием Ionic Material .
Я попробовал его, и он работает довольно хорошо, но имейте в виду, что он все еще находится в режиме «Предварительный просмотр».
Согласно репозиторию github, он должен войти в альфа-версию в апреле 2015 года.
Может быть установлен с беседкой
bower install ionic-materialЭто почти все, что вам нужно сделать, но имейте в виду, что есть ошибки, и документация практически отсутствует.
Удачи!
источник
Ionic Material и Ionic Material Design Lite - две многообещающие новые библиотеки, которые призваны стать расширением структуры ionic. Хотя немного незрелый, хорошо работает с ионными компонентами и хорошо поддерживает тематику материала.
Это, вероятно, может дать больше информации.
источник