Thanh ứng dụng và thành phần tiêu đề là một thanh chuyên dụng ở phía trên cùng của giao diện ứng dụng, có thể được tùy chỉnh để hiển thị các chức năng quan trọng liên quan đến ứng dụng, chẳng hạn như thương hiệu, điều hướng cấp cao và truy cập vào các điều khiển ứng dụng.
Hãy sử dụng bố cục thanh ứng dụng và tiêu đề nhất quán để đặt các điều khiển quan trọng, chẳng hạn như tìm kiếm trong ứng dụng, ở vị trí chuẩn xuyên suốt giao diện người dùng.
Giải phẫu học
Thanh ứng dụng và tiêu đề có thể bao gồm nhiều thành phần khác nhau. Nó có thể được cấu hình theo một trong hai cách sau:
- Tiêu đề ứng dụng: Khi được cấu hình làm tiêu đề ứng dụng, thành phần này có không gian cho văn bản tùy chọn, với việc sử dụng tối thiểu các biểu tượng và nút. Thông thường, nó bao gồm tiêu đề màn hình và mũi tên quay lại.
- Thanh ứng dụng: Khi được cấu hình như một thanh ứng dụng, nó có thể bao gồm các biểu tượng, tab và nút . Các thành phần điển hình bao gồm biểu tượng ứng dụng và các tùy chọn điều hướng.
Cả hai phiên bản này đều có thể bao gồm các chức năng điều khiển ứng dụng, chẳng hạn như tìm kiếm và cài đặt trong ứng dụng.

1. Mũi tên quay lại
2. Tiêu đề màn hình
3. Nút bấm
4. Điều khiển ứng dụng
5. Biểu tượng ứng dụng
6. Thanh điều hướng chính (các tab)
Thông số kỹ thuật – Thanh ứng dụng
Thanh ứng dụng với điều hướng chính – căn giữa

Thanh ứng dụng với điều hướng chính – căn lề trái

Thanh ứng dụng với điều hướng chính – thu gọn (dạng ngăn kéo thay vì tab)

Thông số kỹ thuật – Tiêu đề ứng dụng
Tiêu đề ứng dụng với tiêu đề được căn giữa

Tiêu đề ứng dụng với điều khiển ứng dụng đơn lẻ

Tiêu đề ứng dụng với nhiều điều khiển ứng dụng

Tiêu đề ứng dụng với một nút duy nhất

Tiêu đề ứng dụng với nhiều nút

Tiêu đề ứng dụng bị tràn văn bản

Tiêu đề ứng dụng với thanh tab độc lập

Tùy chỉnh
Bạn có thể thể hiện thương hiệu của mình bằng cách thay đổi giao diện trực quan của thanh ứng dụng và tiêu đề. Các thay đổi có thể bao gồm:
- Biểu tượng tùy chỉnh
- Phông chữ tùy chỉnh
- Thiết lập giao diện hiển thị 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 và vị trí nút
Ví dụ



