Bộ sưu tập hướng dẫn nhanh
Hiển thị thành phần tương tác
Chọn thành phần phù hợp cho giao diện người dùng và xem cách triển khai thành phần đó trong ứng dụng.
Tạo một thành phần giàn giáo để giữ giao diện người dùng lại với nhau
Cấu trúc cơ bản cung cấp một nền tảng chuẩn hoá cho các giao diện người dùng phức tạp. Khung đỡ giữ các phần khác nhau của giao diện người dùng, chẳng hạn như thanh ứng dụng và nút hành động nổi, giúp ứng dụng có giao diện nhất quán.
Hiển thị thanh ứng dụng
Vùng chứa cung cấp cho người dùng quyền truy cập vào các tính năng chính và mục điều hướng. Có hai loại thanh ứng dụng, thanh ứng dụng trên cùng và thanh ứng dụng dưới cùng.
Tạo nút
Các thành phần cơ bản này cho phép người dùng kích hoạt một hành động đã xác định. Có 5 loại nút. Xem giao diện của từng loại nút trong số 5 loại nút, cũng như vị trí bạn nên sử dụng các loại nút đó và xem cách triển khai các loại nút đó.
Tạo nút hành động nổi (FAB
Nút nhấn mạnh cho phép người dùng thực hiện một hành động chính trong ứng dụng. Thành phần nút này quảng bá một hành động tập trung duy nhất, là lộ trình phổ biến nhất mà người dùng có thể thực hiện và thường được cố định ở dưới cùng bên phải của màn hình.
Tạo thẻ làm vùng chứa
Đóng vai trò là vùng chứa Material Design cho giao diện người dùng của bạn. Thẻ (card) thường trình bày một phần nội dung mạch lạc duy nhất. Thẻ tập trung vào việc trình bày một phần nội dung duy nhất giúp phân biệt Thẻ với các vùng chứa khác.
Tạo khối để biểu thị các thực thể phức tạp
Một phần tử giao diện người dùng nhỏ gọn, tương tác đại diện cho các thực thể phức tạp như người liên hệ hoặc thẻ, thường có biểu tượng và nhãn. Khối có thể được đánh dấu, đóng hoặc nhấp vào.
Hiển thị thông báo bật lên hoặc yêu cầu người dùng nhập dữ liệu
Hiển thị thông báo bật lên hoặc yêu cầu người dùng nhập thông tin trên một lớp phía trên nội dung chính của ứng dụng. Thành phần này tạo ra trải nghiệm giao diện người dùng bị gián đoạn để thu hút sự chú ý của người dùng.
Tạo chỉ báo tiến trình
Hiển thị trực quan trạng thái của một thao tác. Khi sử dụng chuyển động để cho người dùng biết quá trình đang ở giai đoạn nào, chẳng hạn như tải hoặc xử lý dữ liệu, các chỉ báo này có thể cho biết quá trình xử lý đang diễn ra mà không cho biết quá trình đó sắp hoàn tất.
Tạo thanh trượt cho một dải giá trị
Cho phép người dùng lựa chọn trong một phạm vi các giá trị liên tục, chẳng hạn như đặt âm lượng hoặc lọc dữ liệu biểu đồ trên một phạm vi giá.
Thêm một nút chuyển mà người dùng có thể bật/tắt
Cho phép người dùng chuyển đổi giữa hai trạng thái. Người dùng có thể kéo hoặc nhấp vào nút chuyển để thay đổi trạng thái hiện tại.
Tạo bảng dưới cùng
Hiển thị nội dung phụ được neo vào cuối màn hình. Bạn có thể sử dụng trang tính dưới cùng chuẩn hoặc phương thức để hiển thị nội dung phụ cho người dùng.
Tạo trình đơn trượt vào bằng thành phần ngăn điều hướng
Trình đơn trượt cho phép người dùng di chuyển đến nhiều phần trong ứng dụng. Người dùng có thể kích hoạt trình đơn này bằng cách vuốt từ bên cạnh hoặc nhấn vào biểu tượng trình đơn.
Tạo thông báo bằng thanh thông báo nhanh
Hiển thị một thông báo ngắn ở cuối màn hình. Điều này có thể cung cấp phản hồi về một thao tác hoặc hành động mà không làm gián đoạn trải nghiệm người dùng. Thanh thông báo nhanh sẽ biến mất sau vài giây. Người dùng cũng có thể đóng các thông báo đó theo cách thủ công.
Hiển thị danh sách hoặc lưới
Hiển thị và sắp xếp các nhóm mục một cách hiệu quả bằng danh sách và lưới.
Bạn có câu hỏi hoặc ý kiến phản hồi
Hãy truy cập vào trang câu hỏi thường gặp để tìm hiểu về các hướng dẫn nhanh hoặc liên hệ với chúng tôi để cho chúng tôi biết suy nghĩ của bạn.