머티리얼 디자인과 함께 ionic 을 사용하고 싶습니다 . 사용자 정의 CSS 및 각도 재료 와 함께 이온 지시문을 사용하는 사이에 붙어 있습니다.
나는 이온 지시문을 사용하여 다음과 같은 많은 효율적인 기능을 얻는다는 것을 읽었습니다.
-
앱 데이터는 다른보기로 이동하고 페이지로 돌아온 후에도 UI 라우터로 기억됩니다.
-
Ionic 목록 항목은 디스플레이 높이까지만 렌더링되며 아래 또는 위로 스크롤 할 때 재사용됩니다.
그리고 많은 성능 향상.
그러나 이온 지시문을 사용하면 재료 디자인이 없습니다.
앵귤러 머티리얼을 사용하면 이러한 성능 향상과 모바일 애플리케이션에 필요한 추가 기능이 없습니다.
각도 재료 지시문은 다음과 같습니다.
<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이 각도 재료 프로젝트 개발에 자금을 지원하고있는 것 같습니다 . 그렇다면 각도 재료가 이온과 함께 사용할 수없는 이유는 무엇입니까?
Ionic의 성능 향상 및 기능을 잃지 않고 각도 재료 구성 요소를 어떻게 사용할 수 있습니까?
또는
ionic과 함께 머티리얼 디자인을 사용하는 더 좋은 아이디어가 있습니까?
답변
Materialisecss로 알려진 머티리얼 디자인 CSS 프레임 워크를 발견했습니다 . 유망 해 보인다. 단순한 CSS 및 자바 스크립트 프레임 워크입니다.
다른 프레임 워크에 비해 장점
- 순수 CSS 클래스는 ionic 지시문과 충돌하지 않습니다. 성능 손실이 없습니다.
- 내가 본 모든 프레임 워크 중에서 머티리얼 디자인 규칙을 밀접하게 따르는 유일한 프레임 워크입니다.
- 거의 준비가되었습니다. 약 50 명 이상의 기여자가 있습니다. 6 개월 이내에 현재 버전 0.95.3입니다.
- 사용하기 쉬운. 기능 현명한 탐색으로 잘 문서화되었습니다.
- 앱에 필요한 거의 모든 머티리얼 디자인 기능이 있습니다.
이 페이지 http://materializecss.com/getting-started.html 은 프로젝트에이를 포함하는 방법을 보여줍니다.
좋은 머티리얼 디자인 프레임 워크를 찾는 분들에게 도움이되기를 바랍니다.
업데이트 : 2015-07-09
머티리얼 디자인을위한 가볍고 강력하고 아름다운 CSS 프레임 워크를 찾았습니다.
머티리얼 디자인 라이트
http://www.getmdl.io/
가볍고 부드럽고 빠른 애니메이션을 가지고 있으며 꽤 좋아 보입니다. Google 개발자 중 한 명이 만들었습니다. google https://developers.google.com/web/에서 공식적으로 홍보합니다 . 꽤 인기가 높아지고 있습니다. Angular Material과의 비교
업데이트 : 2015-10-23
Ionic2는 Android에서 머티리얼 디자인에 대한 내장 지원을 제공합니다.
그것은 공식입니다, 당신은 AngularConnect에서 Ionic2 데모를 볼 수 있습니다 , 그것은 Android의 기본으로 Material Design을 가지고 있습니다. 머티리얼 디자인 프레임 워크를 선택하는 것에 대해 걱정할 필요가 없습니다.
답변
Ionic Material 이라는 상당히 새로운 프로젝트가 있습니다 .
나는 그것을 시험해 보았고 꽤 잘 작동하지만 여전히 “Pre-Release Preview”모드에 있다는 것을 알려드립니다.
github repo 에 따르면 2015 년 4 월에 Alpha에 진입해야합니다.
정자와 함께 설치할 수 있습니다.
bower install ionic-material
이것이 당신이 할 필요가있는 모든 것입니다. 그러나 경고를 받으십시오. 버그가 있고 문서는 기본적으로 존재하지 않습니다.
행운을 빕니다!
답변
Ionic Material 과 Ionic Material Design Lite 는 이온 프레임 워크의 확장을 목표로하는 두 개의 새로운 라이브러리입니다. 약간 미숙하지만 이온 성분과 잘 작동하며 재료 테마를 잘 지원합니다.
이것은 아마도 더 많은 통찰력을 줄 수 있습니다.
