2014-10-21 4 views
45

최신 Google 뉴스 스탠드 앱처럼 머티리얼 디자인 스타일 탭을 구현하는 가장 쉽고 쉬운 방법은 무엇입니까? 그것이 내가 찾고있는 것이지만 어디서부터 시작해야할지 모른다. 제공된 모든 도움말/지시 사항을 크게 환영합니다. 감사.android 5.0 머티리얼 디자인 탭

+0

이제 Android Support Design Library에서'TabLayout'을 사용할 수 있습니다. – ywwynm

+0

롤리팝 탭은 구현하기가 쉽고 직선적입니다. 이전 버전과의 호환성을 위해 지원 라이브러리를 사용해야합니다. http://www.feelzdroid.com/2015/07/create-lollipop-tabs-in-android-example.html을 참조하십시오. 이렇게하면 기본 롤리팝 탭을 구현하는 방법에 대한 간단한 아이디어를 얻을 수 있습니다. – Naruto

답변

85

post @ChrisBanes의 (안드로이드 개발자 프로그램 엔지니어) 새로운 도구 모음과 상황을 설명합니다.

그래서 this 샘플이 도움이 될 수 있습니다.

뿐만 아니라 this DevBytes 비디오.

도서관을 원한다면 this one으로 갈 수 있지만 자료 디자인으로 업데이트되지 않습니다 (저는 그것을 포크했고 약간의 시간이 있으면 그것을 업데이트하려고합니다).

좀 더 @ChrisBanes blog의 새로운 API (21)에 대한 정보뿐만 아니라 the official android blog

편집을 찾을 수 있습니다 당신이 REPO jpardogo/PagerSlidingTabStrip에 소재 디자인 탭을 찾을 수 있습니다 : 나는 기본적으로 4 명 변경했다

원본 라이브러리, 지금까지 (툴바를 추가하고 내일의 일부 내용을 수정합니다) :

  1. 탭 레이아웃의 기본 매개 변수를 다음과 같이 변경합니다. 더 많은 자료.
  2. 탭을 스 와이프하는 동안 표시기는 기본적으로 가운데입니다.
  3. 제목의 알파 값은 선택한 위치에 따라 변경됩니다.
  4. 어댑터에서 'CustomTabProvider` 인터페이스를 구현하는 customTabs를 전달할 수있는 기능.

EDIT2 : 새로운 지원 라이브러리 Tooolbar의 ActionBar가 변경되었습니다. 또한 탭, 툴바 및 statusBar에 색상을 동적으로 적용했습니다. 다음 gif에서 안드로이드 4.4.3에서 작동하는 예제를 볼 수 있습니다.

변경 사항이있는 PR을 보냈습니다. 원래 프로젝트 소유자가 maven 라이브러리를 업데이트하지 않고 maven으로 푸시하면 내 라이브러리 포크를 maven central로 푸시합니다.

material_tabs

+2

감사합니다.이 아름다운 라이브러리에 대한 @jpardogo. 'com.jpardogo.materialtabstrip : library : 1. +'가 방법입니다. :) – Gopinath

3

DrawerLayout을 사용하고 있고, 최신 appcompat로 전환했으며, api 21로 컴파일하고이 소재 테마를 얻었습니다. v7의 서랍을 사용해야합니다. 설명 : http://antonioleiva.com/material-design-everywhere/

+1

appcompat는 이미 재질 디자인을 지원합니까 ?? – amalBit

+0

예 최신 버전이 지원합니다. – Carsten

7

나는 개인적으로 jpardogo의 라이브러리 jpardogo/PagerSlidingTabStrip을 사랑 해요. 나는 그것을 누락 발견

한 가지 생각에서 볼 수 있듯이 파급 효과 : Material tabs with ripple effect

그래서 내가 PagerSlidingTabStrip에 따라, 내 자신의 라이브러리를 만들기로 결정하고, 사용자 정의 파급 효과 : pizza/MaterialTabs.

또한 Play Store에서 샘플을 찾고 탭을 사용자 정의한 다음 코드를 생성하고 즉시 내보낼 수 있습니다. :)

관련 문제