Nút

Một nút sẽ truyền tải một hành động sẽ xảy ra khi người dùng chạm vào nút.

Các nút là thành phần Chuẩn của Dự án nguồn mở Android (AOSP). Mẫu quảng cáo có thể được tô màu nền đồng nhất hoặc không được tô màu nền (bằng nền trong suốt). Các nút được tô màu nền cho biết thao tác chính hoặc thao tá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 thẻ luôn xuất hiện trong nhóm.


Giải phẫu

Phân tích các nút
1. Vùng chứa nút không được thực hiện
2. Vùng chứa nút được tô màu nền, cho biết thao tác chính hoặc thao tác ưu tiên
3. Nhãn nút

Thông số

Nút tối thiểu và tối đa

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

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 đư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ể bao gồm 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 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 trên 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 ở 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 ở 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 nội dung chủ chốt

Các cạnh tròn của nút chính làm nổi bật tầm quan trọng của nút
Các cạnh tròn của nút chính làm nổi bật tầm quan trọng của nút đó

Tuỳ chỉnh

OEM có thể phản ánh thương hiệu của họ bằng cách sửa đổi giao diện hình ảnh 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ữ tùy chỉnh
  • Thay đổi hình thức của nút đang hoạt động, không hoạt động và bị vô hiệu hoá
  • Đặt 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 sử dụng OEM để tuỳ chỉnh các thành phần.

Hệ thống thiết kế hướng dẫn cụ thể 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ụ

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