Material Design

MÃ

https://codecanyon.net/item/material-design-components-uiux/31232122

DEMO

-Mốc thời gian

-Đăng nhập

-Máy nghe nhạc

-Máy thu âm

-Các thẻ intro

-Thông tin người dùng

-Thanh trượt hình ảnh

-Thanh toán

Thành phần vật liệu

- Các nút:

*Căn bản

* Nền động & hoạt ảnh

* Nút hành động nổi

* Chuyển đổi

- Tin nhắn:

* Bánh mì nướng

* Snackbar

* Hộp thoại

*Ảnh bìa

- Văn bản:

*Trường văn bản

* TextView

* Phông chữ

- Bộ chọn:

*Ngày

*Thời gian

*Màu sắc

* Màu sắc hình ảnh

- Trình đơn:

* Menu (cửa sổ bật lên và danh sách bật lên)

* Trình đơn trong Thanh công cụ

* Spinner

* Bảng điều khiển trượt

* Thanh ứng dụng: trên cùng

* Thanh ứng dụng: dưới cùng

- Trang dưới cùng:

* Cơ bản | Hộp thoại | Đoạn hộp thoại | Lưới | Mua, tựa vào, bám vào

*Máy nghe nhạc

* Google Maps - Khám phá

- Thông báo:

* Đẩy (Cơ bản, Cơ bản với hành động, Văn bản và ảnh lớn, Kiểu hộp thư đến,

Phong cách Youtube, Trình phát nhạc, Bố cục tùy chỉnh, Trò chuyện,

Tải xuống với tiến trình, Tải xuống)

* Thanh & Tab

- Chip:

* Các loại

*Nhóm

* Động

- Các chỉ số tiến độ:

*Dạng hình tròn

* Tuyến tính

- Thanh trượt:

*Tiếp diễn

* Rời rạc

- ImageView:

*Dạng hình tròn

*Quảng trường

* Bộ lọc

- Điều hướng:

* Ngăn điều hướng

* ViewPager

* ViewPager & Title

* ViewPager & TabLayout

* ViewPager2

* ViewPager2 & TabLayout

* Máy nhắn tin & tab động

* Điều hướng dưới cùng

- Kiểu điều hướng:

* TabLayout

* TabLayout WhatsApp

* Điều hướng dưới cùng

* Điều hướng dưới cùng instagram

* Điều hướng phía dưới youtube

Điều hướng dưới cùng tiktok

- Có thể mở rộng:

*Lượt xem

* Nút hành động nổi

- RecyclerView:

* LinearLayout

* Lưới

* Lưới động

* Vuốt để làm mới

* Vuốt để loại bỏ

* Vuốt để loại bỏ và hành động

* Hình ảnh động

*Kéo thả

* Kéo & Thả Album

*Mốc thời gian

* Chế độ xem tìm kiếm

* Có thể mở rộng

*Máy nghe nhạc

* Chế độ hành động

* Phân trang

* Bản đồ

* ViewPager

* Lồng nhau

*Màu sắc