Флажок (интерфейс)

Материал из Википедии — свободной энциклопедии
Перейти к: навигация, поиск
Примеры чекбоксов.

Флажок, флаговая кнопка, чекбокс (от англ. check box), галочка — элемент графического пользовательского интерфейса, позволяющий пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ выключено. Во включённом состоянии внутри чекбокса отображается отметка (галочка (✓), или реже крестик(×)). По традиции флажок имеет квадратную форму. Рядом с флажком отображается его обозначение, обычно — подпись, реже — значок. Для увеличения площади активного элемента одинаково реагирует на нажатие мышью как сам флажок, так и подпись к нему.

Поведение[править | править вики-текст]

Многие рекомендации по построению интерфейсов советуют по возможности не использовать флажок для запуска каких-либо процессов. Однако состояние флажка может в реальном времени влиять на состояние других элементов, например при установке флажка можно активировать недоступные ранее элементы управления.

Метафора флажка предполагает два взаимоисключающих состояния, однако флажок не всегда подходит в таких ситуациях. Флажок подходит, когда эти состояния воспринимаются как варианты «да — нет», если же они равнозначны (например, выбор между книжной и альбомной ориентацией листа при печати), флажок не подходит.

Большинство операционных систем позволяют устанавливать флажок в так называемое «третье состояние», однако его следует использовать как вариант «флажок установлен для некоторых элементов из списка». При этом нажатие на флажок переведёт все элементы списка в одно из двух состояний.

Реализации[править | править вики-текст]

HTML[править | править вики-текст]

В веб-формах для вывода чекбокса используется элемент HTML <input type="checkbox">.

Текстовый интерфейс[править | править вики-текст]

При использовании расширенного текстового интерфейса пользователя флажок обозначался прямоугольными скобками [ ]. Во включенном состоянии между скобками ставилась буквы x, v, знак корня √ либо галочка — если реализация интерфейса позволяла использовать юникод.

Юникод[править | править вики-текст]

В Юникоде, пустой и отмеченный чекбоксы представлены кодами U+2610 (, 'BALLOT BOX'), U+2611 (, 'BALLOT BOX WITH CHECK'), и U+2612 (, 'BALLOT BOX WITH X').

Альтернативы[править | править вики-текст]

Тумблеры

В мобильных приложениях распространёна особая разновидность переключателя — так называемый тумблер (toggle switch)[1]. В отличие от флажка, чтобы включить или выключить тумблер, нужно перетащить движок тумблера в ту или иную сторону. Часто на самом тумблере выводят его положение, однако пользователю не всегда очевидно, находится ли тумблер в этом состоянии, или перейдёт в него, если переместить движок. Поэтому обычно советуют подписывать положения тумблера снаружи.

Кнопка «I» зафиксирована в нажатом положении

Кнопки с фиксацией применяются обычно в панелях инструментов, так как занимают мало места и позволяют размещать на себе значок. По виду кнопки невозможно определить, фиксируется она или нет.

Кнопки с изменяющейся надписью/значком — в них также есть проблема: является ли надпись/значок индикатором текущего состояния или действия, которое произойдёт после нажатия? Поэтому такие кнопки применяются только тогда, когда текущее состояние понятно из контекста.

Также вместо флажка можно использовать переключатели (радиокнопки, кнопки с зависимой фиксацией и т. д.), если им задать только два положения.

Ссылки[править | править вики-текст]

Примечания[править | править вики-текст]