Іонні директиви VS Директиви про кутові матеріали з іонним каркасом


98

Я хочу використовувати іонний з матеріальним дизайном. Я застряг між використанням іонних директив із користувацьким CSS та angular-матеріалом

Я читав, що використовуючи іонні директиви, ми отримуємо багато ефективних функцій, таких як

  • Дані програми запам'ятовуються за допомогою інтерфейсу користувача, навіть після переходу до іншого подання та повернення на сторінку

  • Елементи іонного списку відображаються лише для відображення висоти та повторно використовуються при прокрутці вниз або вгору

і багато покращень продуктивності.

Але якщо я використовую іонні директиви, вони не мають матеріального дизайну.

Якщо я використовую кутовий матеріал, у мене не буде покращення продуктивності та додаткових функцій, необхідних для мобільного додатка.

Директиви про кутові матеріали подібні

<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 фінансує розробку проекту з кутових матеріалів , чому тоді кутовий матеріал не сумісний для використання з іонним?

Як я можу використовувати компоненти кутового матеріалу, не втрачаючи покращення продуктивності та властивостей іонних?

АБО

чи є краща ідея використовувати матеріальний дизайн з іонним?


Можливо, знадобиться деякий час, поки ngMaterial та іонні не почнуть працювати один з одним. Ionic завжди повинен підтримувати і iOS. Я не впевнений, куди Ionix рухається в дизайнерському плані. Коли проект стартував, вони хотіли, щоб програми виглядали однаково на всіх платформах. Вони скоротили цю мету деякий час тому, і зараз спрямовуються на збільшення безперервності платформи, про що свідчить також оголошення про роботу. Можливо, ви захочете звернутися безпосередньо до розробників (Іонічний форум - це гарне місце) щодо дорожньої карти до дизайну матеріалів.
Маркус Мюллер

1
Я розміщував публікації на іонних форумах, не маючи удачі. Деякі програми Google використовують матеріальний дизайн як для Android, так і для iOS. Але зараз мене цікавить андроїд. iOS коштує дорожче і щороку :(. Це просто перешкоджає стартерам, як я, приєднуватися до ios. Я думаю, що ios повинен використовувати обмежену плату за рахунок розробника.
Вамсі,

Я впевнений, що найближчим часом вони оголосять дорожню карту post v1.
Маркус Мюллер

Відповіді:


71

Я знайшов структуру CSS для матеріального дизайну, відому як Materializecss . Це виглядає перспективно. Це просто CSS та фреймворк javascript.

http://materializecss.com/

Переваги перед іншими фреймворками

  1. Чисті класи CSS не будуть суперечити іонним директивам. Без втрати продуктивності.
  2. З усіх рамок, які я бачив, це єдиний, який уважно дотримується правил дизайну матеріалів
  3. Майже готовий, він має близько 50+ авторів, це поточна версія 0.95.3 менш ніж за 6 місяців
  4. Простий у використанні. Добре задокументована завдяки функціональній навігації.
  5. Він має майже всі особливості дизайну матеріалу, необхідні для програми.

Ця сторінка http://materializecss.com/getting-started.html покаже вам, як включити її у свої проекти.

Сподіваюся, це допоможе комусь із вас, хто шукає хороший матеріал для дизайну матеріалів.

ОНОВЛЕННЯ: 2015-07-09

Я знайшов ще один легкий, потужний красивий фреймворк CSS для дизайну матеріалів

Світло для дизайну матеріалів http://www.getmdl.io/

Він легкий, має плавну і швидку анімацію, виглядає досить непогано. Його зробив один із розробників Google. Його офіційно просуває Google https://developers.google.com/web/ . Це стає досить популярним, спробуйте. Порівняння з кутовим матеріалом

ОНОВЛЕННЯ: 23.10.2015

Ionic2 має підтримку InBuilt для дизайну матеріалів в Android

Це офіційно, ви можете дивитись демонстрацію Ionic2 в AngularConnect , для Android за замовчуванням використовується Material Design. Нам не потрібно турбуватися про вибір фреймворку Material Design.


1
Велика проблема цього полягає в тому, що йому потрібен jQuery
darryn.ten

1
Нам просто потрібен css. Спливаючі, модальні та інші особливості існують в іонних. Отже, jquery здебільшого не потрібен, якщо ми не намагаємось матеріалізувати функції JavaScript, які не є іонними.
Вамсі

У вас є якісь відгуки за допомогою Material Design Light getmdl.io Я тут тут маю ту ж проблему і питання про дизайн іонних + матеріалів. Тож були б вдячні за будь-який відгук про бібліотеку
Хав’єр Салінас

Я особисто не користувався Material Design Light, це виглядає перспективно. Ось порівняння Material Design Lightта bootstrap tutorialzine.com/2015/07/comparing-bootstrap-with-mdl. Якщо ви використовували bootstrap, це допоможе. Google просуває це на своїй веб-сторінці для розробників. Отже, це повинно бути досить добре.
Вамсі,

25

Існує досить новий проект під назвою Ionic Material .

Я спробував це, і воно працює досить добре, але майте на увазі, що воно все ще перебуває в режимі "Попередній випуск".

Згідно з репозиторієм github, він повинен увійти в Alpha в квітні 2015 року.

Він може бути встановлений з бауером

bower install ionic-material

Це майже все, що вам потрібно зробити, але будьте застережені, є помилки, і документація в основному не існує.

Удачі!


9
Я вже бачив бібліотеку іонних матеріалів, але проблема полягає в 1. Це ще далеко не завершення. Документація відсутня. 2. Це не в активному розвитку і не має хорошої підтримки. тільки один хлопець працював над цим протягом 7 днів, як сьогодні бачили. Тому важко використовувати його у виробничому додатку без гарантії. 3. Кутовий матеріал, іонний, має хороше фінансування та підтримку, і дуже хороші розробники працюють над цим, з хорошими темпами. щоб я міг їм довіряти.
Vamsi

3

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

Це, мабуть, може дати більше розуміння.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.