이온 프레임워크에 의한 이온 다이렉트 VS 각진 재료 다이렉트
소재 디자인에 이온을 사용하고 싶습니다.커스텀 CSS와 각질 재료와의 이온 방향성 사용 사이에서 고민하고 있다.
ionic 디렉티브를 사용하면 다음과 같은 많은 효율적인 기능을 얻을 수 있다고 읽은 적이 있습니다.
다른 보기로 이동한 후 페이지로 돌아간 후에도 UI 라우터로 앱 데이터를 기억합니다.
이온 목록 항목은 표시 높이까지만 렌더링되며 아래로 또는 위로 스크롤할 때 재사용됩니다.
퍼포먼스가 많이 향상되었습니다.
하지만 이온 디렉티브를 사용하면 소재 디자인이 없습니다.
앵귤러 머티리얼을 사용하면 퍼포먼스가 향상되지 않고 모바일 어플리케이션에 필요한 추가 기능도 없어집니다.
각질 재료 지시문은 다음과 같습니다.
<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이 각질 재료 프로젝트 개발에 자금을 대고 있는 것 같은데, 각질 재료는 왜 이온과 호환되지 않는가?
이온의 성능 향상과 기능을 잃지 않고 각질 재료 구성 요소를 사용할 수 있는 방법은 무엇입니까?
또는
이온과 함께 재료 디자인을 사용하는 더 좋은 아이디어가 있을까요?
저는 Materializecss라는 재료 설계 CSS 프레임워크를 찾았습니다.유망해 보인다.단순한 CSS와 Javascript 프레임워크일 뿐입니다.
다른 프레임워크에 비해 장점
- 순수 CSS 클래스는 이온 지시와 충돌하지 않습니다.퍼포먼스 저하 없음.
- 지금까지 본 프레임워크 중 재료 설계 규칙을 엄수하고 있는 것은 이것뿐입니다.
- 약 50명 이상의 기여자를 보유하고 있으며, 6개월 이내에 최신 버전 0.95.3이 출시되었습니다.
- 사용하기 쉽다.기능이 뛰어난 내비게이션으로 잘 문서화되어 있습니다.
- 앱에 필요한 재료 디자인 기능을 거의 모두 갖추고 있습니다.
이 페이지(http://materializecss.com/getting-started.html)에서는 프로젝트에 포함시키는 방법을 보여 줍니다.
이것이 좋은 재료 디자인 프레임워크를 찾는 여러분에게 도움이 되기를 바랍니다.
업데이트: 2015-07-09
소재 디자인을 위한 또 다른 가볍고 아름다운 CSS 프레임워크를 찾았습니다.
재료 디자인 라이트 http://www.getmdl.io/
가볍고, 부드럽고, 빠른 애니메이션을 가지고 있어 꽤 보기 좋습니다.그것은 구글 개발자 중 한 명이 만들었다.이것은 구글 https://developers.google.com/web/에 의해 공식적으로 홍보된다.인기가 많아지고 있어요, 한번 먹어보세요.각도 재료와의 비교
업데이트: 2015-10-23
Ionic2는 Android에서 재료 디자인을 지원하는 기능을 내장하고 있습니다.
공식입니다. AngularConnect에서 Ionic2 데모를 보실 수 있습니다. Android에서는 기본적으로 재료 디자인을 사용하고 있습니다.재료 설계 프레임워크 선택에 대해 걱정할 필요가 없습니다.
이온 재료라고 불리는 꽤 새로운 프로젝트가 있습니다.
시험해 봤는데 꽤 잘 작동하는데 아직 '프리 릴리즈 프리뷰' 모드라는 점에 유의하시기 바랍니다.
Github repo에 따르면 2015년 4월에 Alpha에 진입해야 합니다.
바우어와 함께 설치할 수 있습니다.
bower install ionic-material
필요한 것은 이것뿐입니다만, 주의해 주세요.버그도 있고 문서도 기본적으로 존재하지 않습니다.
행운을 빕니다.
이온성 재료와 이온성 재료 디자인 라이트(Ionic Material Design Lite)는 이온성 프레임워크의 확장을 목표로 하는 두 개의 라이브러리입니다.조금 미성숙하지만 이온 성분과 잘 어울리고 재료의 소재도 잘 지지합니다.
이것은 아마도 더 많은 통찰력을 줄 수 있을 것이다.
언급URL : https://stackoverflow.com/questions/28916985/ionic-directives-vs-angular-material-directives-with-ionic-framework
'programing' 카테고리의 다른 글
| Ajax의 요청은 정확히 무엇입니까?Servlet Request와 다른가요? (0) | 2023.03.15 |
|---|---|
| AppBar Title MUI에서 다른 색상을 적용하는 방법 (0) | 2023.03.15 |
| Angular JS의 행에 대체 클래스를 할당하는 방법 (0) | 2023.03.15 |
| angularjs 루트에는 디폴트 파라미터 값을 설정할 수 있습니까? (0) | 2023.03.15 |
| ASP.NET 디스플레이 "로드 중...". 업데이트 패널 업데이트 중 메시지 (0) | 2023.03.15 |