Что такое флажок в информатике

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

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

Содержание

Третье состояние чек-бокса

Некоторые приложения используют чек-боксы, которые имеют третье, неопределенное состояние. Это состояние показывается в виде закрашенного квадрата или линии внутри чек-бокса. Такое состояние часто используется, когда чек-бокс показывает различные состояния нескольких элементов коллекции. При нажатии на такой чекбокс новое состояние будет применено ко всем элементам коллекции.

Текстовый интерфейс

Юникод

См. также

Ссылки

Кнопка последовательного выбора • Двунаправленный счётчик • Выпадающий список • Комбинированный список • Флажок • Ползунок • Радиокнопка • Список • Таблица (Grid view) • Текстовое поле

Heads-up display (в играх • OSD) • Боковая панель • Заставка • Значок • Индикатор процесса • Информационная панель • Метка • Подсказка • Строка состояния • Тост • Троббер • Экран загрузки

Диалоговое окно • Диалоговое окно-предупреждение • Модальное окно • О программе • Окно инспектора объектов • Окно-палитра • Файловый диалог

WIMP • Библиотека элементов интерфейса • Внешний вид (Look and feel) • Менеджер разметки (Layout manager) • Наведение мыши

Полезное

Смотреть что такое «Флажок (интерфейс)» в других словарях:

Текстовый интерфейс пользователя — Bash пример консольной программы … Википедия

Многодокументный интерфейс со вкладками — Многодокументный интерфейс с вкладками (англ. Tabbed document interface) разновидность графического интерфейса пользователя, в котором каждый документ отображается на отдельной вкладке общего окна. Содержание 1 Применение … Википедия

Графический интерфейс пользователя — (ГИП), графический пользовательский интерфейс (ГПИ) (англ. Graphical user interface, GUI; сленг. ГУИ) разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.),… … Википедия

Оконный интерфейс — Пример оконного интерфейса в текстовом режиме (файловый менеджер Midnight Commander) несколько окон (две файловых панели и диалоговое окно поверх них … Википедия

Класс (программирование) — У этого термина существуют и другие значения, см. Класс. Класс в программировании набор методов и функций. Другие абстрактные типы данных метаклассы, интерфейсы, структуры, перечисления характеризуются какими то своими, другими… … Википедия

Abstract Window Toolkit — Для улучшения этой статьи желательно?: Исправить статью согласно стилистическим правилам Википедии … Википедия

Элемент интерфейса — Кроссплатформенный редактор элементов интерфейса Qt designer Элемент интерфейса примитив графического интерфейса пользователя, имеющий стандартный внешний вид и выполняющий ста … Википедия

Ribbon — В этой статье не хватает ссылок на источники информации. Информация должна быть проверяема, иначе она может быть поставлена под сомнение и удалена. Вы можете отредактировать эту стать … Википедия

CCleaner — CCleaner … Википедия

EFS — Encrypting File System (EFS) система шифрования данных, реализующая шифрование на уровне файлов в операционных системах Microsoft Windows NT (начиная с Windows 2000 и выше), за исключением «домашних» версий (Windows XP Home Edition, Windows … Википедия

Источник

Флажки. Переключатели

Флажки предназначены для того, чтобы в ходе выполнения проекта выбрать либо один из возможных вариантов, либо несколько. Например, установить значение одного или нескольких свойств объекта.

Итак, в группе флажков метка может быть установлена:

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

Итак, из группы переключателей может быть выбран только один.

После того как флажок установлен на форму, его свойства добавятся в список компонентов проекта в поле Компоненты окна Инспектор объектов.

Свойства флажка Caption, Top, Left, Name, Color, Enabled, Visible, Font, Width, Height аналогичные соответствующих свойств надписи.

В частности, значения свойств Width и Height флажка определяются длиной текста справа от флажка и размером шрифта, которым выведено этот текст.

Если на форме расположено несколько флажков, то среди них можно:

Рассмотрим, как можно использовать флажки для реализации ветвления.

Пример 1. Пусть, например, нам нужно в ходе выполнения проекта изменять значения или только одного из свойств окна (или заголовок, или цвет, или размеры), или нескольких из них, или не менять значение ни одного из них.

В проекте используем событие onClick кнопки Button1

Разместим на форме 2-е кнопки и три флажка. При размещении флажков на форме для каждого из них по умолчанию значение свойства Checked устанавливается false.

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

procedure TForm1.Button1Click(Sender: TObject);

If CheckBox1.Checked Then Form1.Caption:= ‘заголовок изменен’;

If CheckBox2.Checked Then Form1.Color := clYellow;

If CheckBox3.Checked Then

Form1.Height := Form1.Height + 100 ;

Form1.Width := Form1.Width + 100 ;

procedure TForm1.Button2Click(Sender: TObject);

Рассмотрим, как можно использовать переключатели для реализации ветвления в проекте.

Пример 2. Нужно в ходе исполнения проекта изменять значение только одного из таких свойств формы: либо заголовок, либо цвет, либо размеры.
Для этого разместим на форме 2-е кнопки и три переключателя.

Создадим процедуру для обработки события OnClick кнопки и в ее текст поместим такую команду:

procedure TForm1.Button1Click(Sender: TObject);
begin

If RadioButton1.Checked Then < равнозначно такой записи условия : RadioButton1.Checked = true >
Form1.Caption:= ‘Заголовок изменен’
Else If RadioButton2.Checked Then Form1.Color:= clTeal
Else
begin
Form1.Width := Form1.Width + 100 ;
Form1.Height := Form1.Height + 100;
end;
end;

Начинаться выполнение этой команды будет с определения значения свойства RadioButtonl.Checked:

Чтобы этого не произошло, нужно:

В процедуру для обработки события Button 2 Click кнопки добавим команды значения свойства Checked для переключателей

begin

RadioButton1.Checked:= true;

2. либо после второго ключевого слова Else вставить еще одну команду ветвления:

Поясните, как будет выполняться эта команда, если ни один из переключателей не будет выбран.

procedure TForm1.Button1Click (Sender: TObject);
begin

Else If RadioButton3.Checked Then

begin
Form1.Width := Form1.Width + 100 ;
Form1.Height := Form1.Height + 100;

Из рассмотренных выше примеров можно сделать такие выводы:

• переключатели используются тогда, когда нужно выбрать один и только один вариант действий из нескольких возможных;

для обработки состояния переключателей в процедуру включают команды ветвления, которые вложены друг в друга;

• флажки используются тогда, когда может быть выбран либо один, либо несколько, либо не выбран ни один вариант действий из нескольких возможных;

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

Программный код проекта

procedure TForm1.RadioButton1Change (Sender: TObject);
begin
form1.caption:=’переключатели_onChange’;
end;

procedure TForm1.RadioButton2Chang e(Sender: TObject);
begin
form1.color:=clOlive;
end;

procedure TForm1.RadioButton3Change (Sender: TObject);
begin
Form1.Width := Form1.Width + 100 ;
Form1.Height := Form1.Height + 100;
end;

procedure TForm1.RadioButton4Change(Sender: TObject);
begin
Form1.Caption := ‘ флажки _переключатели _ onChange ‘;
Form1.Color:= clDefault;
Form1.Width := 325;
Form1.Height:=240;
end;

procedure TForm1.FormCreate (Sender: TObject);
begin

Form1.Caption := ‘флажки _переключатели _on Change’;
Form1.Color:= clDefault;
Form1.Width := 325 ;
Form1.Height:= 240;
end;

procedure TForm1.RadioButton1Change (Sender: TObject);
begin
if RadioButton1.Checked then form1.Caption:=’переключатели_onChange’ else form1.Caption:=’флажки_переключатели_onChange’ ;
end;
procedure TForm1.RadioButton2Change (Sender: TObject);
begin
if RadioButton2.Checked then form1.color:=clOlive else Form1.Color:= clDefault;
end;

procedure TForm1.RadioButton4Change (Sender: TObject);
begin
Form1.Caption := ‘флажки _переключатели _on Change’;
Form1.Color:= clDefault;
Form1.Width := 325;
Form1.Height:=240;
end;

procedure TForm1.CheckBox1Change (Sender: TObject);
begin
if CheckBox1.Checked then form1.color:=clred else Form1.Color:= clDefault;
end;

procedure TForm1.CheckBox2Change (Sender: TObject);
begin
if CheckBox2.Checked then form1.color:=clblue else Form1.Color:= clDefault;
end;

procedure TForm1.CheckBox3Change (Sender: TObject);
begin
if CheckBox3.Checked then form1.color:=clgreen else Form1.Color:= clDefault;
end;

procedure TForm1.CheckBox4Change (Sender: TObject);
begin
Form1.Caption := ‘ флажки _переключатели _ onChange ‘;
Form1.Color:= clDefault;
Form1.Width := 325;
Form1.Height:=240;
CheckBox1.Checked:=false;
CheckBox2.Checked:=false;
CheckBox3.Checked:=false;
CheckBox4.Checked:=false;
end;

Вывод. Событие onChange целесообразно использовать для единичных применений компонентов

Источник

UX-дизайн: флажки и переключатели в формах

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

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

Флажки

Флажки используются, когда имеется список параметров, и пользователь может выбрать любое их количество: один, несколько или ни одного. Иными словами, каждый флажок является независимым элементом управления, и включение одного из них не отменяет действие другого.

Флажки снабжаются надписями

Переключатели

Переключатель – это элемент управления, который что-то включает и выключает.

Переключатели позволяют сделать выбор между двумя прямо противоположными вариантами.

Как правило, переключатели используются для включения и отключения какого-либо действия (запустить или остановить что-то). Здесь можно провести аналогию с выключателем света.

Освещение является наиболее распространенной областью применения переключателей

Практические рекомендации по использованию флажков и переключателей

Используйте стандартный внешний вид

Флажок – это просто маленький квадратик с галочкой или крестиком.

Два положения флажка: отмечено или не отмечено

Переключатель должен выглядеть, как обычный тумблер с двумя положениями.

Два положения переключателя: включено или выключено

Вам необходимо обеспечить четкое недвусмысленное взаимодействие пользователя с элементом управления. Здесь может помочь небольшая анимация – это особенно важно для мобильных приложений, где пользовательский интерфейс должен быть осязаем.

Переключатель iOS7/8

Старайтесь, чтобы список возможных вариантов располагался вертикально. Это правило касается и флажков, и переключателей. Если уйти от горизонтального размещения нельзя, необходимо расположить элементы с достаточно большим интервалом, чтобы не допустить двойной трактовки, что выбирает каждый флажок. Ниже представлен пример со слишком близко расположенными друг к другу элементами.

Сложно понять, какую радиокнопку следует нажать, чтобы выбрать четвертый вариант

Текущее положение переключателя

При проектировании переключателей следует избегать неопределенности, связанной с текущим состоянием. В качестве примера возьмем переключатель из iOS 6 и посмотрим на него во включенном состоянии – окраска синим цветом и отображается слово ON (включено).

Не ясно, включено – это текущее состояние, или предлагаемое действие

Вы можете сказать однозначно, переключатель находится во включенном положении, или он только перейдет в него, если вы передвините ползунок? «Включено» — это состояние или действие? Не понятно.

Вы не должны вводить пользователей в заблуждение; очень важно проводить отличие между состоянием и действием. Да, можно использовать цвет для дополнительного информирования пользователей, но при этом следует сделать так, чтобы текущий вид воспринимался однозначно, как в следующем примере:

Цвет шрифта обозначает текущее положение

В тексте надписей флажков используйте позитивное подтверждение, чтобы пользователь точно знал, что произойдет, если он поставит отметку. Избегайте фраз типа «Больше не присылайте мне е-мэйл сообщения», которые бы означали, что пользователю необходимо поставить отметку, чтобы что-то не происходило.

Флажки должны иметь надписи с позитивными командами, а не с негативными «Не…»

Сделайте надпись флажка целевой областью

Все флажки сопровождаются лейблами, но лейблы не всегда кликабельны. Флажки имеют маленький размер, и по закону Фиттса на них тяжело попасть, как мышью, так и пальцем. Для того чтобы увеличить область нажатия, дайте пользователям возможность выбирать требуемый параметр не только попаданием точно в квадратик, но и по лейблу или связанным словам.

Позвольте пользователю делать выбор нажатием не только флажка, но и лейбла

Используйте флажки только для изменения параметров, но не в качестве управляющих кнопок

Главное отличие флажка от переключателя состоит в том, что флажок используется для изменения состояния, а переключатель – для включения или отключения действия.

В примере ниже положение переключателя позволяет сказать однозначно: беспроводная связь включена. В случае с флажком пользователю приходится гадать – WiFi включен, или для его включения необходимо поставить галочку.

Для включения/выключения сервисов и компонентов аппаратного обеспечения, таких как WiFi, используйте переключатели

Взаимодействие флажка отличается от взаимодействия переключателя

Вы можете сделать так, чтобы состояние, за которое отвечает флажок, менялось не сразу (как часть отсылаемой формы, например), но действие, за которое отвечает переключатель, должно совершаться сразу же.

Хорошей практикой пользовательского взаимодействия является мгновенная смена управляемого параметра с помощью переключателя – не после нажатия кнопки «Сохранить» или перехода к предыдущей странице. Именно этого мы ожидаем от этого элемента управления в реальной жизни – мы щелкаем переключателем, и свет включается.

Включение Wi-Fi в iOS
Используйте флажки, когда для ввода изменения в силу от пользователя ожидаются дополнительные действия

Используйте флажки, когда пользователь должен кликнуть кнопку «Отправить» или «Следующий», чтобы сохранить изменения.

Источник

Флажки

Флажок используется для выбора или отмены выбора элементов действий. Его можно использовать для одного элемента или списка из нескольких элементов с возможностью выбора. Элемент управления предусматривает три состояния выделения: «не выбрано», «выбрано» и «не определено». Состояние «не определено» используется, когда в подсписке вариантов есть одновременно состояния «не выбрано» и «выбрано».

Получение библиотеки пользовательского интерфейса Windows

Библиотека пользовательского интерфейса Windows 2.2 или более поздних версий содержит новый шаблон для этого элемента управления, который использует закругленные углы. Дополнительные сведения см. в разделе о радиусе угла. WinUI — это пакет NuGet, содержащий новые элементы управления и функции пользовательского интерфейса для приложений для Windows. Дополнительные сведения, включая инструкции по установке, см. в описании библиотеки пользовательского интерфейса Windows.

Выбор правильного элемента управления

Используйте один флажок для двоичного варианта Да/нет, например с помощью сценария входа «Запомнить меня» или с условиями соглашения об обслуживании.

Основное различие между флажком и переключателем при двоичном выборе состоит в том, что флажок предназначен для обозначения состояния, а переключатель — для обозначения действия. Действие по флажку можно отложить (например, как часть отправки формы), тогда как действие по переключателю требуется выполнить сразу. Кроме того, множественный выбор можно сделать только с помощью флажков.

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

Создавайте группу флажков, когда пользователи могут выбирать любое сочетание вариантов.

Если варианты можно сгруппировать, вы можете использовать флажок с неопределенным состоянием для представления всей группы. Неопределенное состояние флажка используется, когда пользователь выбирает лишь некоторые (не все) подэлементы в группе.

С помощью элементов управления флажок и переключатель пользователь может выбирать варианты из списка. Флажки позволяют пользователю выбирать сочетание вариантов. В отличие от них, при помощи переключателей пользователь может выбрать один из взаимоисключающих вариантов. Если есть несколько вариантов, но выбрать можно только один из них, используйте переключатель.

Примеры

Если у вас установлено приложение галереи элементов управления XAML, щелкните здесь, чтобы открыть приложение и увидеть CheckBox в действии.

Создание флажка

Чтобы присвоить флажку метку, установите свойство Content. Метка отображается рядом с флажком.

Этот код XAML позволяет создать один флажок, который используется для принятия условий соглашения перед отправкой формы.

Вот код для создания того же флажка.

Привязка к свойству IsChecked

Используйте свойство IsChecked, чтобы определять, установлен ли флажок или снят. Вы можете привязать значение свойства IsChecked к другому двоичному значению. Однако из-за того, что свойство IsChecked имеет логическое значение, допускающее значение null, для его привязки к логическому свойству вам потребуется преобразовать величину или привести тип. Это зависит от фактического типа привязки, а примеры для каждого возможного типа можно найти ниже.

В этом примере свойство IsChecked флажка для принятия условий соглашения привязано к свойству IsEnabled кнопки «Отправить». Кнопка «Отправить» включена, только если пользователь принял условия соглашения.

Использование x:Bind

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

Если флажок также может находиться в неопределенном состоянии, мы используем свойство привязки FallbackValue, чтобы задать логическое значение, представляющее это состояние. В этом случае также не требуется, чтобы была включена кнопка отправки.

Использование x:Bind или Binding

Примечание. Здесь показан только соответствующий код с помощью <КС:бинд>. В примере мы заменяем на . Дополнительные сведения о привязке данных, преобразователях значений и различиях между расширениями разметки и см. в разделе Общие сведения о привязке данных.

Обработка событий Click и Checked

Чтобы выполнять действие при изменении состояния флажка, вы можете обрабатывать событие Click или события Checked и Unchecked.

Событие Click происходит при изменении состояния Checked При обработке события Click используйте свойство IsChecked, чтобы определить состояние флажка.

События Checked и Unchecked происходят независимо друг от друга. Следует обрабатывать оба этих события, чтобы реагировать на изменения состояния флажка.

В следующих примерах мы продемонстрируем обработку события Click, а также событий Checked и Unchecked.

Несколько флажков могут совместно использовать один и тот же обработчик событий. В этом примере будет создано 4 флажка для выбора соуса для пиццы. Эти четыре флажка используют один и тот же обработчик событий Click, чтобы обновлять список выбранных соусов.

Вот обработчик события Click. При каждом нажатии на флажок обработчик проверяет, какие флажки установлены, и обновляет список выбранных соусов.

Использование неопределенного состояния

Элемент управления CheckBox наследует от ToggleButton и может иметь три состояния:

Чтобы флажок сообщал о неопределенном состоянии, установите для свойства IsThreeState значение true.

Если варианты можно сгруппировать, вы можете использовать флажок с неопределенным состоянием для представления всей группы. Неопределенное состояние флажка используется, когда пользователь выбирает лишь некоторые (не все) подэлементы в группе.

В следующем примере свойству IsThreeState флажка «Выбрать все» задано значение true. Флажок «Выбрать все» устанавливается, если установлены все дочерние элементы, снимается, если сняты все дочерние элементы, и не определен в остальных случаях.

Что рекомендуется и что не рекомендуется делать

Убедитесь, что цель применения флажка и его текущее состояние понятны.

Длина текстового содержимого, связанного с флажком, не должна превышать двух строк

Формулируйте подпись к флажку как инструкцию, для которой установка флажка соответствует значению «истина», а снятие флажка обозначает «ложь».

Используйте шрифт по умолчанию, если указания для торговой марки не требуют использования другого шрифта.

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

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

Не следует размещать две группы флажков рядом друг с другом. Используйте метки групп, чтобы разделить группы.

Для элемента управления типа «включено-выключено» используйте переключатель, а не флажок.

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

Используйте неопределенное состояние, чтобы показать, что выбранный вариант задан не для всех дочерних элементов.

При использовании неопределенного состояния применяйте подчиненные флажки, чтобы показать, какие варианты выбраны, а какие нет. Разрабатывайте пользовательский интерфейс так, чтобы пользователь мог видеть доступные для выбора дочерние элементы.

Не используйте неопределенное состояние для представления третьего состояния. Неопределенное состояние используется, чтобы показать, что выбраны некоторые, но не все дочерние объекты. Поэтому не разрешайте пользователям напрямую устанавливать неопределенное состояние. Пример того, как не надо делать: в этом флажке неопределенное состояние используется для того, чтобы обозначить среднее количество специй:

Вместо этого используйте группу переключателей с тремя параметрами.

Источник