Material Design cho Android

Material Design là hướng dẫn toàn diện về cách thiết kế hình ảnh, chuyển động và tương tác trên các nền tảng và thiết bị. Để sử dụng Material Design trong ứng dụng Android của bạn, hãy làm theo hướng dẫn đã nêu trong thông số kỹ thuật Material Design, đồng thời dùng các thành phần và kiểu mới có sẵn trong thư viện hỗ trợ về Material Design. Trang này cung cấp thông tin tổng quan về mẫu và API bạn nên dùng.

Android cung cấp các tính năng sau để giúp bạn dựng các ứng dụng Material Design:

  • Chủ đề của ứng dụng Material Design để tạo kiểu cho tất cả tiện ích của giao diện người dùng
  • Tiện ích cho thành phần hiển thị phức tạp như danh sách và thẻ
  • Các API mới dành cho bóng và ảnh động tuỳ chỉnh

Giao diện và tiện ích trong Material

Để tận dụng các tính năng của Material (chẳng hạn như tạo kiểu cho các tiện ích giao diện người dùng tiêu chuẩn) và để đơn giản hóa định nghĩa kiểu của ứng dụng, hãy áp dụng giao diện theo Material cho ứng dụng.

Giao diện Material tối

Giao diện Material sáng


Để biết thêm thông tin, hãy xem cách áp dụng giao diện Material.

Để mang lại trải nghiệm quen thuộc cho người dùng, hãy sử dụng các mẫu trải nghiệm người dùng phổ biến nhất trong Material:

  • Quảng bá thao tác chính trên giao diện người dùng bằng Nút hành động nổi (FAB).
  • Hiển thị thương hiệu của bạn, trình đơn điều hướng, tính năng tìm kiếm và các thao tác khác bằng Thanh ứng dụng.
  • Hiện và ẩn phần điều hướng của ứng dụng bằng Ngăn điều hướng.
  • Sử dụng một trong nhiều thành phần Material khác cho bố cục và trình đơn điều hướng trong ứng dụng của bạn, ví dụ như thu gọn thanh công cụ, thẻ, thanh điều hướng dưới cùng, v.v. Để xem tất cả các thành phần, hãy xem danh mục Material Components cho Android

Và bất cứ khi nào có thể, hãy sử dụng các biểu tượng Material xác định sẵn. Ví dụ: nút "trình đơn" điều hướng cho ngăn điều hướng phải dùng biểu tượng có hình dạng "bánh hamburger" tiêu chuẩn. Hãy xem Biểu tượng Material Design để biết danh sách các biểu tượng có thể sử dụng. Bạn cũng có thể nhập biểu tượng SVG từ thư viện biểu tượng Material bằng Vector Asset Studio của Android Studio.

Thẻ và bóng độ cao

Bên cạnh các thuộc tính X và Y, thành phần hiển thị trong Android còn có thuộc tính Z. Thuộc tính mới này đại diện cho độ cao của thành phần hiển thị, giúp xác định:

  • Kích thước của bóng: thành phần hiển thị có giá trị Z càng cao sẽ đổ bóng càng lớn.
  • Thứ tự vẽ: thành phần hiển thị có giá trị Z cao hơn xuất hiện bên trên các thành phần hiển thị khác.

Độ cao thường áp dụng khi bố cục của bạn bao gồm bố cục theo thẻ, giúp bạn hiển thị thông tin quan trọng bên trong thẻ có diện mạo Material. Bạn có thể sử dụng tiện ích CardView để tạo thẻ có độ cao mặc định. Để biết thêm thông tin, hãy xem phần Tạo bố cục theo thẻ.

Để biết thông tin về cách thêm độ cao cho các thành phần hiển thị khác, hãy xem phần Tạo bóng và thành phần hiển thị đoạn video.

Ảnh động

API ảnh động mới cho phép bạn tạo ảnh động tuỳ chỉnh cho phản hồi chạm trong thành phần điều khiển trên giao diện người dùng, các thay đổi trong trạng thái xem và chuyển đổi hoạt động.

Các API này cho phép bạn:

  • Phản hồi sự kiện chạm trong thành phần hiển thị của bạn bằng ảnh động phản hồi chạm.
  • Ẩn và hiện thành phần hiển thị bằng ảnh động mở ra vòng tròn.
  • Chuyển đổi giữa các hoạt động bằng ảnh động chuyển đổi hoạt động tuỳ chỉnh.
  • Tạo thêm nhiều ảnh động tự nhiên bằng chuyển động cong.
  • Hoạt ảnh hoá thay đổi trong một hoặc nhiều thuộc tính thành phần hiển thị bằng ảnh động thay đổi trạng thái thành phần hiển thị.
  • Hiển thị ảnh động trong đối tượng có thể vẽ của danh sách trạng thái giữa các thay đổi về trạng thái của thành phần hiển thị.

Ảnh động phản hồi chạm được tích hợp vào nhiều thành phần hiển thị chuẩn, ví dụ như nút. API mới cho phép bạn tuỳ chỉnh và thêm các ảnh động này vào thành phần hiển thị tuỳ chỉnh.

Để biết thêm thông tin, hãy xem phần Tổng quan về ảnh động.

Đối tượng có thể vẽ

Các khả năng mới sau đây dành cho đối tượng có thể vẽ sẽ giúp bạn triển khai ứng dụng Material Design: