Nút

Nút thông báo một thao tác sẽ diễn ra khi người dùng chạm vào nút đó.

Nút là các thành phần tiêu chuẩn của Dự án nguồn mở Android (AOSP). Các khung này có thể được tô bằng màu nền đồng nhất hoặc không được lấp đầy (có nền trong suốt). Các nút được tô màu nền cho biết một hành động chính hoặc hành động ưu tiên. Các nút có thể xuất hiện độc lập hoặc theo nhóm – không giống như thẻ, vốn luôn xuất hiện theo nhóm.


Phân tích

Cấu trúc của nút
1. Vùng chứa nút chưa được thực hiện
2. Vùng chứa nút được tô màu nền, cho biết hành động chính hoặc hành động ưu tiên
3. Nhãn nút

Thông số

Độ dài tối thiểu và tối đa của nút

Độ dài tối đa của nhãn nút là 20 ký tự. Chiều rộng tối thiểu của nút là 156 dp.
Độ dài tối đa của nhãn nút là 20 ký tự. Chiều rộng tối thiểu của nút là 156 dp.

Nút có biểu tượng so với nút mặc định

Các nút có thể chứa các biểu tượng. Khi được đưa vào, các biểu tượng thường xuất hiện ở bên trái văn bản nút.
Các nút có thể chứa các biểu tượng. Khi được đưa vào, các biểu tượng thường xuất hiện ở bên trái văn bản của nút.

Các nút có thể xuất hiện dưới dạng thành phần trong các thành phần khác, chẳng hạn như thanh ứng dụng hoặc hộp thoại.

Vị trí nút trong thanh ứng dụng

Các nút được đặt ở bên phải thanh ứng dụng
Các nút được đặt ở bên phải của thanh ứng dụng

Nút trong hộp thoại

Các nút trong hộp thoại thường nằm ở phía dưới cùng bên trái của hộp thoại
Các nút trong hộp thoại thường nằm ở phía dưới cùng bên trái của hộp thoại

Nút ảnh chính

Các cạnh bo tròn của nút chính nhấn mạnh tầm quan trọng của nút này
Các cạnh tròn của nút chính nhấn mạnh tầm quan trọng của nút này

Tuỳ chỉnh

OEM có thể phản ánh thương hiệu của mình bằng cách sửa đổi giao diện trực quan của nút, chẳng hạn như:

  • Chỉ định màu nhấn
  • Cung cấp biểu tượng tuỳ chỉnh
  • Thêm phông chữ tuỳ chỉnh
  • Thay đổi giao diện của các nút đang hoạt động, không hoạt động và bị tắt
  • Cài đặt kích thước, hình dạng góc và vị trí của nút
  • Sử dụng chuyển động để đưa ra ý kiến phản hồi cho người dùng

Hướng dẫn tích hợp thư viện giao diện người dùng trên ô tô cung cấp hướng dẫn của nhà sản xuất thiết bị gốc (OEM) về cách tuỳ chỉnh các thành phần.

Hệ thống thiết kế đưa ra hướng dẫn cụ thể về cách sử dụng bố cục, màu sắc, kiểu chữ, kích thước, hình dạng và chuyển động để tuỳ chỉnh các thành phần.


Ví dụ

nút không được lấp đầy và nút đã tô màu nền
Các nút chưa được lấp đầy và đã được tô màu nền, trong đó nút đã tô màu nền cho biết hành động chính
nút đã tô màu nền đã tắt
Màu và độ mờ của nút đã tô màu nền cho biết trạng thái đã tắt
Hộp thoại nút chưa được thực hiện
Các nút không được lấp đầy trong hộp thoại cho biết các thao tác có trọng số bằng nhau
thời lượng chuyển động gợn sóng của nút
Các chuyển động gợn sóng này có thời lượng 330 mili giây. Thông tin này dùng để xác nhận hoạt động liên hệ của người dùng bằng một nút.
Ảnh động dạng gợn sóng của nút
Ban đầu, những chuyển động gợn sóng này phủ lên 60% bề mặt nút. Các nút này mở rộng ra khỏi thao tác nhấn của người dùng và dừng 10 dp từ cạnh của nút.