Hộp thoại

Hộp thoại là một cửa sổ modal xuất hiện trước ứng dụng để hiển thị thông tin về tác vụ yêu cầu người dùng phản hồi ngay lập tức.

Hộp thoại có thể là một cảnh báo, yêu cầu người dùng tương tác. Nó cũng có thể là một hộp thoại lựa chọn hoặc xác nhận, yêu cầu người dùng đưa ra hoặc xác nhận lựa chọn của mình. Hộp thoại sẽ giữ tiêu điểm cho đến khi nó được đóng lại hoặc hành động cần thiết được thực hiện. Vì hộp thoại gây gián đoạn, chúng nên được sử dụng một cách tiết kiệm.

Hộp thoại có liên quan đến thông báo (cả hai đều thuộc nhóm các thành phần Dialog), nhưng chúng khác nhau về mục đích và mức độ ưu tiên, như được thể hiện trong bảng.

Thành phần Mục đích Sự ưu tiên
Lời chúc mừng Hiển thị thông báo. Không yêu cầu tương tác của người dùng. Biến mất sau 8 giây. Thấp
Đối thoại Hiển thị thông tin và các tùy chọn tác vụ yêu cầu người dùng tương tác. Hộp thoại sẽ giữ tiêu điểm cho đến khi người dùng phản hồi. Cao

Giải phẫu học

Hộp thoại chứa văn bản thông tin và các điều khiển giao diện người dùng yêu cầu người dùng phản hồi.

1. Bối cảnh hội thoại
2. Tiêu đề thẻ
3. Khu vực nội dung
4. Khu vực hành động của thẻ

Thông số kỹ thuật

biểu tượng chú thích
Thành phần nút
Thông số kỹ thuật, hướng dẫn kiểu dáng và nhiều hơn nữa
biểu tượng chú thích
Thành phần danh sách các mục
Thông số kỹ thuật, hướng dẫn kiểu dáng và nhiều hơn nữa

Đối thoại không có tiêu đề

Đối thoại có tiêu đề

Hộp thoại với tiêu đề được căn giữa

Hộp thoại có thể cuộn

Tùy chỉnh

Thể hiện thương hiệu của bạn bằng cách tùy chỉnh các khía cạnh sau của hội thoại:

  • Phông chữ
  • Định dạng kiểu dáng cho các nút đang hoạt động, không hoạt động và bị vô hiệu hóa.
  • Kích thước và vị trí của các nút

Ví dụ

Đối thoại có tiêu đề - ngày
Đối thoại kèm tiêu đề - đêm
Hộp thoại cuộn - ngày
Hộp thoại cuộn - ban đêm
Đối thoại trong thực tế