tab thiết kế material design android 5.0

Question

Cách tốt nhất và dễ dàng để triển khai các tab kiểu thiết kế material design giống như trong ứng dụng Google NewsStand mới nhất là gì? Đó là chính xác những gì tôi đang tìm kiếm nhưng không biết bắt đầu từ đâu. Bất kỳ trợ giúp/hướng cung cấp được đánh giá rất nhiều. Cảm ơn.

Answer 1

post của @ChrisBanes (Developer Programs Engineer for Android) giải thích tình huống với Thanh công cụ mới.

Vì vậy, this mẫu có thể hữu ích.

Cũng như this video DevBytes.

Nếu bạn muốn có thư viện, bạn có thể truy cập this one nhưng không được cập nhật lên thiết kế material design (tôi đã chia nhỏ nó và nếu tôi có thời gian, tôi sẽ cố gắng cập nhật).

Bạn có thể tìm thêm thông tin về các API mới 21 @ChrisBanes blog cũng như the official android blog

EDIT: Bạn có thể tìm thấy các tab vật liệu thiết kế trong repo này jpardogo/PagerSlidingTabStrip:

tôi về cơ bản đã làm 4 thay đổi đối với thư viện gốc, cho đến nay (Tôi sẽ thêm Thanh công cụ và sửa một số nội dung vào ngày mai):

1. Thay đổi thông số mặc định của bố cục tab để làm cho nó trông giống như nhiều tài liệu hơn.
2. Chỉ báo này được căn giữa theo mặc định trong khi vuốt tab.
3. Giá trị alpha của tiêu đề thay đổi tùy thuộc vào vị trí đã chọn.

4. Khả năng chuyển customTabs triển khai giao diện ´CustomTabProvider` trong bộ điều hợp của bạn.

   • Trong trường hợp customTab có một cái nhìn với id @+id/tab_title, nó sẽ được sử dụng để đặt tiêu đề và alpha sẽ hoạt động như bình thường.
   • Nếu giao diện này không được triển khai thì bố cục Tab mặc định sẽ được sử dụng (TextView).

Nếu bạn muốn, bạn có thể sử dụng một tab tùy chỉnh với những gợn sóng sử dụng bất kỳ thư viện này:

• https://github.com/traex/RippleEffect
• https://github.com/siriscac/RippleView
• https://github.com/balysv/material-ripple
• https://github.com/03uk/RippleDrawable

EDIT2: Tôi đã thay đổi ActionBar cho thư viện hỗ trợ mới Tooolbar. Tôi cũng đã áp dụng màu sắc cho các tab, thanh công cụ và statusBar. Bạn có thể xem ví dụ làm việc trong android 4.4.3 trên gif sau.

Tôi đã gửi PR với các thay đổi của mình. Nếu chủ sở hữu dự án ban đầu không cập nhật thư viện maven, và đẩy nó vào maven, tôi sẽ đẩy ngã ba thư viện của tôi để maven trung tâm.

Answer 2

Tôi đang sử dụng DrawerLayout, đã chuyển sang appcompat mới nhất, được biên dịch bằng api 21 và nhận chủ đề tài liệu này. Hãy chắc chắn rằng bạn sử dụng ngăn kéo từ v7. Mô tả: http://antonioleiva.com/material-design-everywhere/

Answer 3

Cá nhân tôi yêu jpardogo 's thư viện jpardogo/PagerSlidingTabStrip.

Một điều mà tôi thấy còn thiếu trong nó mặc dù là tác động lan tỏa như đã thấy trong:

Vì vậy, tôi quyết định làm thư viện của riêng tôi, dựa trên PagerSlidingTabStrip, và với hiệu ứng gợn tùy biến: pizza/MaterialTabs.

Bạn cũng có thể tìm mẫu trên Play Store, tùy chỉnh các tab của bạn ở đó, sau đó tạo mã của bạn và xuất mã ngay lập tức! :)