toggle là gì

Lựa chon loại trừ (mutually exclusive) và lựa lựa chọn ko loại trừ (mutually inclusive)

Hãy chính thức vì thế khái niệm về của nhị định nghĩa này:

Trái: lựa lựa chọn loại trừ, phải: lựa lựa chọn ko loại trừ

Bạn đang xem: toggle là gì

Khi nhị sự khiếu nại A và B ko thể xẩy ra đồng thời này đó là lựa lựa chọn loại trừ. Đây là cơ hội cơ phiên bản tuy nhiên radio button hoạt động và sinh hoạt, tất cả chúng ta sở hữu thật nhiều lựa lựa chọn tuy nhiên chỉ được lựa chọn 1 và quăng quật lựa chọn toàn bộ lựa lựa chọn sót lại. Mỗi Lúc vũ khí hoạt động và sinh hoạt, luôn luôn sở hữu một lựa lựa chọn được lựa chọn, không tồn tại tình huống quăng quật lựa chọn toàn cỗ những lựa lựa chọn.

Ở phía mặt mày cơ, lựa lựa chọn ko loại trừ là lúc tất cả chúng ta hoàn toàn có thể lựa chọn nhiều lựa lựa chọn đồng thời, từng lựa lựa chọn hoàn toàn có thể được lựa chọn hoặc quăng quật lựa chọn đồng thời.

Trong một checkbox hoàn toàn có thể là lựa lựa chọn loại trừ hoặc ko loại trừ. Với một checkbox có một không hai, tất cả chúng ta chỉ hoàn toàn có thể tích lựa chọn hoặc ko lựa chọn. Với một tập luyện checkbox, tất cả chúng ta gộp group bọn chúng với cùng 1 checkbox u, bọn chúng hoàn toàn có thể lựa chọn 1 vài ba checkbox và quăng quật lựa chọn 1 vài ba checkbox, vậy checkbox u sở hữu thể:

• Chọn: Nếu toàn bộ những checkbox con cái được chọn
• Bỏ chọn: Nếu toàn bộ những checkbox con cái quăng quật chọn
• Cả hai: Các checkbox con cái sở hữu cả lựa chọn và được chọn

Toggle, switch, and checkbox

Các loại toggle không giống nhau

Có nhiều thương hiệu cho tới những nút này như: toggle switch, checkbox toggle, toggle button… Tất cả bọn chúng sở hữu và một chế độ như 1 tinh chỉnh và điều khiển dùng làm trả thân thuộc nhị trạng thái/chế chừng.

Đầu tiên, tất cả chúng ta cần thiết phân biệt lưu giữ toggle button và toggle switch, bọn chúng đều sở hữu năng lực trả thân thuộc nhị cơ chế tuy nhiên ko thực sự theo dõi và một cách:

- Toggle button: Đại diện cho 1 hành vi thay cho thay đổi trạng thái

- Toggle switch: Đại diện cho tới nhị (hoặc nhiều hơn) tình trạng loại trừ hoặc là lựa lựa chọn hoàn toàn có thể được chuyển sang lại

Tip: Nếu toggle là 1 trong những hành vi (play/pause) nhãn/tên cút nằm trong hành động cơ nên thể hiện tại sự quy đổi. Nếu toggle là 1 trong những lựa lựa chọn (on/off), nó nên thể thực trạng thái lúc này.

Nếu tất cả chúng ta suy nghĩ về hành động của checkbox, này cũng đó là cơ hội từng checkbox hoạt động và sinh hoạt, sở hữu nhị tình trạng, lựa chọn hoặc ko lựa chọn. Nhưng lúc nào sử dụng loại này thì còn tùy vô bối cảnh:

Xem thêm: cmm là gì

• Toggle: Dùng cho tới hành vi hoặc lựa lựa chọn sở hữu tác động tức thì ngay tắp lự cho tới hình mẫu. Những hành vi này thông thường ko cần thiết xác nhận lại kể từ người tiêu dùng.
• Checkbox: Dùng Lúc này đó là thay cho thay đổi bổ sung, thường nhìn thấy vô khuông và rất cần phải xác nhận lại.

Vậy điều gì xẩy ra Lúc tất cả chúng ta sở hữu nhiều hơn nữa 2 lựa chọn? quý khách hàng hoàn toàn có thể tạo nên một toggle sở hữu 3 tình trạng nhưng mà hãy cần thiết thận, vì như thế hoàn toàn có thể nó sẽ gây nên trở ngại Lúc dùng.

Khi sở hữu nhiều hơn nữa 2 lựa lựa chọn tiếp tục là 1 trong những tình huống không giống tuy nhiên tất cả chúng ta nên Để ý đến dùng checkbox, radio button hoặc segmented control chứ không toggle.

Radio group and segmented control

Radio group (trái) và segmented control (phải)

Theo Human interface guidlenes của Apple, một segmented control là 1 trong những giải lựa lựa chọn sở hữu kể từ nhị lựa lựa chọn trở lên trên, hoạt động và sinh hoạt Theo phong cách lựa lựa chọn loại trừ. Ví dụ như lựa lựa chọn căn văn phiên bản của Word là 1 trong những segmented control, các bạn chỉ hoàn toàn có thể lựa chọn 1 trong các phụ vương căn trái ngược, căn nên hoặc căn thân thuộc.

Tương tự động vì vậy với radio group, vậy thì lúc nào tiếp tục sử dụng loại nào?

• Radio group: Tương tự động như checkbox, sử dụng nó Lúc này đó là lựa lựa chọn bổ sung, thường nhìn thấy vô khuông và rất cần phải xác nhận trước lúc tiếp cận bước tiếp sau.
• Segmented control: Dùng cho tới thay cho thay đổi tạo nên tác dụng cho tới UI tức thì tức thì.

Đối với radio button, nhằm đáp ứng tính đọc dễ dàng, tất cả chúng ta nên được sắp xếp những lựa lựa chọn theo dõi chiều dọc củ nhằm người tiêu dùng hoàn toàn có thể quét dọn qua loa những lựa lựa chọn. trái lại nếu như lựa lựa chọn buộc phải kê ngang, lưu ý về khoảng cách thân thuộc bọn chúng.

Toggle button group

Toggle button group (trái) vs segmented control (phải).

Cuối nằm trong là toggle button group, nó là 1 trong những group những toggle hoạt động và sinh hoạt Theo phong cách lựa lựa chọn ko loại trừ, tức từng toggle hoàn toàn có thể được lựa chọn hoặc ko lựa chọn 1 cơ hội song lập.

Xem thêm: wigs là gì

Về mặt mày hiển thị, toggle button group và segmented control sở hữu kiểu dáng tương tự động nhau. Khi tiến hành dùng, cơ hội hoạt động và sinh hoạt của bọn chúng sẽ tiến hành nhúng vô quy mô trí tuệ của người tiêu dùng. Tuy nhiên, tránh việc sử dụng cả nhị loại đồng thời, trừ Lúc tất cả chúng ta Chắn chắn được rằng người tiêu dùng hoàn toàn có thể nắm được tác dụng và toàn cảnh ứng của từng loại.

Usage recommendations

Tóm tắt những ý chính:

• Không sử dụng toggle vô khuông, thay cho vô cơ, sử dụng checkbox hoặc radio button
• Không sử dụng toggle vô filter hoặc tùy lựa chọn sở hữu nhiều hơn nữa 2 lựa chọn
• Dùng toggle cho tới thiết đặt hoặc thay cho thay đổi tương tác cho tới UI tức thì lập tức
• Tránh sử dụng toggle button group nằm trong segmented controls nằm trong lúc
• Chú ý cơ hội bố trí lựa lựa chọn và khoảng cách của radio group
• Tránh sử dụng switch với rất nhiều lựa chọn