Thành phần Material trong Compose
Jetpack Compose cung cấp cách triển khai Material Design, một hệ thống thiết kế toàn diện để tạo các giao diện kỹ thuật số. Bạn có thể dùng các hàm có khả năng kết hợp để triển khai các thành phần Material.
Thao tác
Nút
Các nút nhắc hầu hết các thao tác trong giao diện người dùng.
Nút hành động nổi
Nút hành động nổi (FAB) giúp người dùng thực hiện các hành động chính.
Nút biểu tượng
Các nút biểu tượng giúp người dùng thực hiện các thao tác nhỏ chỉ bằng một lần nhấn.
Nút phân đoạn
Nút phân đoạn giúp người dùng chọn các lựa chọn, chuyển đổi chế độ xem hoặc sắp xếp các phần tử.
Liên lạc
Huy hiệu
Huy hiệu cho biết thông báo, số lượng hoặc thông tin trạng thái trên các mục và biểu tượng điều hướng.
Chỉ báo tiến trình
Chỉ báo tiến trình thể hiện thời gian chờ không xác định hoặc hiển thị thời lượng của một quy trình.
Thông báo nhanh
Thanh thông báo nhanh hiển thị thông tin cập nhật ngắn về các quy trình của ứng dụng ở cuối màn hình.
Chú giải công cụ
Chú thích hiển thị nhãn hoặc thông báo ngắn.
Vùng chứa
Bảng dưới cùng
Trang tính dưới cùng hiển thị nội dung phụ được neo vào cuối màn hình.
Thiệp
Thẻ hiển thị nội dung và các thao tác về một chủ đề đơn lẻ.
Băng chuyền
Băng chuyền hiển thị một bộ sưu tập các mục có thể cuộn trên và ngoài màn hình.
Hộp thoại
Hộp thoại cung cấp các lời nhắc quan trọng trong quy trình của người dùng.
Dải phân cách
Đường phân chia là những đường thẳng mỏng giúp nhóm nội dung thành các danh sách hoặc vùng chứa khác.
Thao tác
Thanh ứng dụng
Thanh ứng dụng nằm ở đầu màn hình để giúp người dùng di chuyển.
Thanh điều hướng
Thanh điều hướng giúp người dùng chuyển đổi giữa các khung hiển thị giao diện người dùng trên các thiết bị nhỏ hơn.
Ngăn điều hướng
Ngăn điều hướng cho phép người dùng chuyển đổi giữa các chế độ xem giao diện người dùng trên các thiết bị lớn hơn.
Dải điều hướng
Thanh điều hướng giúp mọi người chuyển đổi giữa các chế độ xem giao diện người dùng trên thiết bị cỡ trung.
Tab
Các thẻ sắp xếp nội dung trên nhiều màn hình và chế độ xem.
Lựa chọn
Hộp đánh dấu
Hộp đánh dấu cho phép người dùng chọn một hoặc nhiều mục trong danh sách hoặc bật/tắt một mục.
Khối
Khối thông tin giúp mọi người nhập thông tin, lựa chọn, lọc nội dung hoặc kích hoạt hành động.
Bộ chọn ngày
Bộ chọn ngày cho phép người dùng chọn một ngày hoặc một phạm vi ngày.
Trình đơn
Trình đơn hiển thị một danh sách các lựa chọn trên giao diện tạm thời.
Nút radio
Nút chọn cho phép mọi người chọn một lựa chọn trong một nhóm lựa chọn.
Thanh trượt
Thanh trượt cho phép người dùng lựa chọn trong một phạm vi các giá trị.
Chuyển đổi
Nút chuyển dùng để bật/tắt lựa chọn của một mục.
Bộ chọn giờ
Bộ chọn thời gian giúp người dùng chọn và đặt một thời gian cụ thể.
Nhập bằng văn bản
Tìm kiếm
Tính năng Tìm kiếm cho phép người dùng nhập một từ khoá hoặc cụm từ để nhận thông tin liên quan.
Trường văn bản
Các trường văn bản cho phép người dùng nhập văn bản vào giao diện người dùng.
Danh sách và lưới
Tìm hiểu cách sử dụng bố cục cơ bản trong Compose.
Tài nguyên
Tìm hiểu cách quản lý các tài nguyên như chuỗi và hình ảnh.