Nút

Nút bấm thể hiện một hành động sẽ xảy ra khi người dùng chạm vào nó.

Các nút bấm là các thành phần tiêu chuẩn của Dự án Mã nguồn mở Android (AOSP). Chúng có thể được tô màu nền hoặc không tô màu (với nền trong suốt). Các nút được tô màu biểu thị hành động chính hoặc hành động được ư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ư các tab , luôn xuất hiện theo nhóm.

Giải phẫu học

Cấu trúc giải phẫu của các nút
1. Hộp đựng nút chưa được đổ đầy
2. Khung chứa nút đã được điền đầy, cho biết hành động chính hoặc hành động ưu tiên.
3. Nhãn nút

Thông số kỹ thuật

Độ 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à 156dp.
Độ 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ể bao gồm biểu tượng. Khi được bao gồm, 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ể bao gồm biểu tượng. Khi được bao gồm, 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 như các phần tử 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 ở phía bên phải của thanh ứng dụng.
Các nút được đặt ở phía 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 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 bên trái của hộp thoại.

Nút anh hùng

Các cạnh bo tròn của nút anh hùng nhấn mạnh tầm quan trọng của nó.
Các cạnh được bo tròn nhấn mạnh tầm quan trọng của nút bấm chính.

Tùy chỉnh

Các nhà sản xuất thiết bị gốc (OEM) có thể thể hiện thương hiệu của mình bằng cách thay đổi hình thức trực quan của nút bấm, ví dụ như:

  • Chỉ định màu nhấn
  • Cung cấp biểu tượng tùy chỉnh
  • Thêm phông chữ tùy chỉnh
  • Thay đổi giao diện của các nút đang hoạt động, không hoạt động và bị vô hiệu hóa.
  • Thiết lập kích thước nút, hình dạng góc và vị trí.
  • Sử dụng chuyển động để cung cấp 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 ô tô cung cấp hướng dẫn từ nhà sản xuất thiết bị gốc (OEM) để tùy chỉnh các thành phần.

Ví dụ

nút chưa điền và nút đã điền
Các nút chưa tô màu và đã tô màu, trong đó nút đã tô màu biểu thị hành động chính.
nút bị vô hiệu hóa
Màu sắc và độ trong suốt của nút được tô đầy này cho thấy trạng thái bị vô hiệu hóa.
Hộp thoại nút chưa điền
Các nút chưa được tô màu trong hộp thoại biểu thị các hành động có trọng số ngang nhau.
thời gian 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 ms. Chúng được sử dụng để xác nhận người dùng đã tiếp xúc với nút bấm.
Hiệu ứng gợn sóng của các nút
Những chuyển động gợn sóng này ban đầu bao phủ 60% bề mặt nút. Chúng lan rộng ra khỏi vị trí người dùng chạm vào và dừng lại cách mép nút 10 dp.