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](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=2&hl=vi)
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.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=2&hl=vi)
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.](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=2&hl=vi)
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](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=2&hl=vi)
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](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=2&hl=vi)
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](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=2&hl=vi)
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](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=2&hl=vi)
![nút đã tô màu nền đã tắt](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=2&hl=vi)
![Hộp thoại nút chưa được thực hiện](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=2&hl=vi)
![thời lượng chuyển động gợn sóng của nút](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=2&hl=vi)
![Ảnh động dạng gợn sóng của nút](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=2&hl=vi)