Что такое раскрывающийся список в информатике

Выпадающий список

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

Связанные понятия

Упоминания в литературе

Связанные понятия (продолжение)

Ribbon (Лента) или Microsoft Fluent Interface — тип интерфейса в GUI-приложениях, основанный на панелях инструментов, разделенных вкладками. Приложения пакета Microsoft Office начиная с версии 2007, выпущенные компанией Microsoft, применяют эту форму интерфейса, главной частью которой является модульная лента с пиктограммами вместо текстовых пунктов меню.

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

).

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

Источник

Раскрывающийся список Select

Раскрывающийся список позволяет выбрать значение из заранее известного набора вариантов.

Когда использовать

Используйте раскрывающийся список для выбора одного значения из 5–25 вариантов:

Если значений в списке до 5, лучше использовать группу радиокнопок или переключатель. Если значений больше 25 — используйте комбобокс.

Описание работы

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Список вариантов при появлении не блокирует страницу и не мешает пользователю нажимать на другие контролы и ссылки. Список скрывается при клике за его пределами и при повторном клике по кнопке. В этом случае значение раскрывающегося списка не меняется.

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

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Чтобы пользователь мог отменить выбор, добавьте в список соответствующий пункт. Например, «Все», «Любой», «Неважно». Отделите такой пункт линией.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Название

Название кнопки и списка вариантов пишут с заглавной буквы и формулируют так, чтобы:

В названии нельзя использовать слова «Выберите», «Укажите» и т. д.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Размер и расположение

Ширина кнопки должна быть такой, чтобы большая часть значений из списка помещалась полностью:

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Если выбранное значение не помещается, появляется многоточие:

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Ширина списка должна быть не меньше ширины кнопки. Красиво, когда список шире кнопки на 30−40 px.

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

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

Список раскрывается вниз. Минимальная высота списка со скроллингом 200 px. При наличии места список стремится отобразить максимум вариантов и расширяется до высоты 450 px. Исключение — если раскрывающийся список находится на панели, закрепленной у нижней границы окна. В таком случае он открывается вверх.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Фокус и работа с клавиатурой

Раскрывающийся список получает фокус только при переходе табом —появляется синяя рамка. При клике фокусная рамка не появляется.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В свернутом состоянии кнопки Enter и ↓ раскрывают список и перемещают синюю подсветку на первый пункт в списке.

В развернутом состоянии кнопки ↑ и ↓ перемещают синюю подсветку, а клавиша Enter выбирает подсвеченную строку. После этого фокус переходит на следующий контрол.

Валидация

Блокируйте или убирайте из списка варианты, выбор которых приведет к ошибке. Таким образом, валидация понадобится только для проверки на обязательность выбора.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Дизайн

Внешне раскрывающийся список выглядит как кнопка. Текст выравнивается по левому краю. В правой части стрелка — символ из шрифта Kontur Iconic.

После открытия списка, кнопка остается нажатой: название кнопки и стрелка смещаются вниз на 1 px, как у обычной кнопки.

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Заблокированный пункт выделяется серым цветом, при наведении курсор превращается в стрелку.

Пункты списка можно дополнять пояснениями — серым текстом, который при наведении превращается в белый с 60 % прозрачности.

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Адаптивность

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

При большом количестве пунктов для выбора, сохраняет отступ в 20px от верхнего края экрана. В этом случае список скроллится внутри, заголовок при этом остаётся статичным и отбрасывает тень, при скролле опций под ним.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Если при фильтрации количество пунктов уменьшается, список выравнивается по верхнему краю. Само меню выбора не уменьшается, сохраняя свою высоту.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Если начать скроллить список — поле поиска теряет фокус и скрывается клавиатура.

Источник

Добавление раскрывающегося списка

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

В этой статье

Использование раскрывающегося списка

Используйте раскрывающий список, если вы хотите:

разрешить пользователям выбирать один элемент из списка предопределенных вариантов;

по умолчанию скрывать значения списка в форме;

отображать значения, полученные из фиксированного списка, источник данных шаблона формы или внешнего источника данных, например базы данных или списка Microsoft Windows SharePoint Services.

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Связанные элементы управления

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

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

Поле со списком. Как и раскрывающийся список, поле со списком позволяет пользователям выбирать значения. Список скрыт, пока пользователи не решат отобразить его. Тем не менее в поле со списком пользователи могут вводить собственные значения, а не только выбирать готовые.

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

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

Взаимодействие с пользователем

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

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

Вставка раскрывающегося списка

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

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Если структура шаблона формы основана на существующем XML-файле, базе данных или веб-службе, InfoPath наследует поля и группы в области задач Источник данных из существующего источника данных.

Вставка раскрывающегося списка

Поместите курсор в то место шаблона формы, куда вы хотите вставить элемент управления.

Если область задач Элементы управления не отображается, щелкните Другие элементы управления в меню Вставка или нажмите клавиши ALT+I, C.

В области задач Элементы управления сделайте одно из следующего:

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

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

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

В разделе Вставить элементы управления щелкните Раскрывающийся список.

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

Чтобы добавить метку к элементу управления, введите сверху или слева от него текст, за которым следует двоеточие (:).

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

Откройте вкладку Данные.

Выполните одно из следующих действий для заполнения списка.

Ввод значений списка вручную

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

Нажмите кнопку Добавить.

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

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

Повторите действия 1–3 для каждой записи, которую требуется добавить в список.

Чтобы проверить изменения, нажмите кнопку Просмотр на стандартной панели инструментов или нажмите клавиши CTRL+SHIFT+B.

Использование значений из другой части формы

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

В разделе Элементы списка щелкните Подставить значения из источника данных формы.

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

Нажмите кнопку Выбрать XPath Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикерядом с полем Элементы, а затем в диалоговом окне Выбор поля или группы щелкните повторяющееся поле или повторяющуюся группу с полями, которые будут предоставлять значения для списка, и нажмите кнопку ОК.

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

Нажмите кнопку Выбрать XPath Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикерядом с полем Отображаемое имя, щелкните поле, содержащее значения, которые выводятся в списке, и нажмите кнопку ОК.

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

Использование значений из базы данных, веб-службы, XML-документа или сайта SharePoint

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

Щелкните Искать значения во внешнем источнике данных.

Выполните одно из следующих действий:

Если вы уже добавили подключение к данным, щелкните его в поле Подключение к данным.

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

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

Нажмите кнопку Выбрать XPath Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикерядом с полем Элементы, а затем в диалоговом окне Выбор поля или группы щелкните поле или группу с полями, которые будут предоставлять значения для списка, и нажмите кнопку ОК.

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

Нажмите кнопку Выбрать XPath Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикерядом с полем Отображаемое имя, щелкните поле, содержащее значения, которые выводятся в списке, и нажмите кнопку ОК.

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

Советы по макету

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

Рекомендуется расширить раскрывающийся список так, чтобы он был на несколько пробелов шире средней ширины элементов в нем. Благодаря этому элементы списка не будут частично скрыты.

Чтобы одновременно изменить ширину нескольких раскрывающихся списков, выберите их, нажмите клавиши ALT+ВВОД, откройте вкладку Размер, а затем в поле Ширина введите новое значение.

Чтобы одновременно изменить цвет фона для нескольких раскрывающихся списков, выберите их. В меню Формат нажмите кнопку Границы и заливка и внесите необходимые изменения на вкладке Заливка.

Чтобы настроить шрифт, который отображается в раскрывающемся списке, используйте поля Шрифт и Размер шрифта на панели инструментов Форматирование. Чтобы одновременно изменить шрифт и размер шрифта для всех раскрывающихся списков в шаблоне формы, щелкните раскрывающийся список с нужным форматированием, а затем в меню Формат нажмите кнопку Применить шрифт ко всем элементам управления «Раскрывающийся список».

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

Источник

Раскрывающиеся списки & поля со списком

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

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Типичное поле со списком.

Следующие термины важны для понимания при чтении этой статьи:

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

Чтобы определиться, ответьте на вопросы:

Раскрывающиеся списки

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

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

Является ли пространство на экране расширенным? Если это так, используйте раскрывающийся список, так как используемое пространство экрана является фиксированным и не зависит от числа вариантов.

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

Изменяемые раскрывающиеся списки

Помимо принципов, предоставленных для раскрывающихся списков, также применяется следующее.

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

Можно ли перечислить наиболее вероятные варианты? В противном случае используйте текстовое поле.

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере хорошим выбором является текстовое поле с автозавершением.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере пользователи могут щелкнуть «Кому», чтобы помочь им выбрать допустимые значения.

Важно ли пользователям проверять альтернативные варианты выбора или приглашать изменения? Если да, рассмотрите возможность использования редактируемого списка. С помощью редактируемого раскрывающегося списка Пользователи не будут знать о вариантах, пока список не будет удален.

Нужно ли пользователям быстро размещать элемент в большом списке? (Только Win32) Если это так, используйте поле со списком, так как пользователи могут выбрать элемент, введя его полное имя. Напротив, раскрывающийся список Win32 выбирает элементы только по последнему введенному символу (так что ввод «Июн» в список месяцев будет соответствовать Ноябрьу, а не Июньу). В этом случае используйте поле со списком, даже если возможные варианты ограничены.

Редактируемые списки

Варианты использования

Раскрывающиеся списки и поля со списком имеют несколько шаблонов использования:

ИспользованиеПример
Раскрывающийся список стандартного раскрывающегося списка с фиксированным набором предварительно определенных значений.При закрытии отображается только выбранный элемент. Когда пользователь найдет кнопку раскрывающегося списка, все параметры станут видимыми. Чтобы изменить это значение, пользователи могут открыть список и выбрать другое значение.
Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике
В этом примере список находится в нормальном состоянии.
Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике
В этом примере список был сброшен.
Предварительный просмотр раскрывающегося списка, в котором отображаются результаты выбора, чтобы помочь пользователям выбрать.Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике
В этих примерах раскрывающиеся списки предварительно проводят результаты выбора.
Редактируемый раскрывающийся список раскрывающегося списка, который позволяет пользователям вводить значение, не содержащееся в раскрывающемся списке.Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатикеЧто такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике
Примеры редактируемого раскрывающегося списка в режимах правки и отклонения.
Используйте этот элемент управления, если требуется обеспечить гибкость текстового поля, но вы хотите помочь пользователям, предоставив удобный список вероятных вариантов.
Изменяемые списки. Обычное поле со списком, которое позволяет пользователям вводить значения, не входящие в список всегда видимых.Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике
В этих примерах всегда отображаются редактируемые списки.
Этот элемент управления лучше выбирать по сравнению с неизменяемым раскрывающимся списком, когда важно порекомендовать пользователям просматривать альтернативные варианты выбора или приглашать изменения.

Рекомендации

Общие сведения

Уровень представления

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

Исправить: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере элементы списка сортируются по пространственной связи.

Неправильный: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Исправить: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере элементы списка сортируются в алфавитном порядке, за исключением параметра, представляющего все элементы.

Разместите параметры, представляющие все или нет в начале списка, независимо от порядка сортировки остальных элементов.

Заключите meta-параметры в круглые скобки.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере «(нет)» является мета-параметром, так как он не является допустимым значением для выбора, а не описывает, что сам параметр не используется.

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

Раскрывающиеся списки

Исправить: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Неправильный: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В неправильном примере значение параметра Blank является неясным.

Раскрывающиеся списки для предварительного просмотра

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере предварительная версия описывает параметры гораздо лучше, чем текстовые.

Не используйте ненужные значки в предварительных выпусках.

Неправильный: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Поля со списком

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

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере не указаны многие допустимые варианты, например 15 или шрифты половинного размера, например 9,5.

Значения по умолчанию

Запросы

Приглашение — это метка или короткая инструкция, помещенная в раскрывающийся список в качестве значения по умолчанию. В отличие от статического текста, запросы исчезают с экрана, когда пользователь наводит что-либо в поле со списком или получает фокус ввода.

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Использовать запрос в следующих случаях:

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

При использовании запросов:

Неправильный: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

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

Рекомендуемое изменение размера и расстояния

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

Рекомендуемые размеры и промежутки для раскрывающихся списков и полей со списками.

Метки

Метки элементов управления

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

Назначьте уникальный ключ доступа для каждой метки. Инструкции см. в разделе Клавиатура.

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

Исправить: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере метка правильно соответствует тексту элемента управления.

Неправильный: Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере метка неправильно рассогласована с текстом элемента управления.

Единицы измерения (секунды, соединения и т. д.) можно указать в скобках после метки.

Не делайте содержимое раскрывающегося списка или поля со списком (или метки единиц измерения) в предложении, так как это не локализуется.

Текст параметра

Пояснительный текст

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

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

Что такое раскрывающийся список в информатике. Смотреть фото Что такое раскрывающийся список в информатике. Смотреть картинку Что такое раскрывающийся список в информатике. Картинка про Что такое раскрывающийся список в информатике. Фото Что такое раскрывающийся список в информатике

В этом примере показаны дополнительные сведения, размещенные под элементом управления.

Документация

При ссылке на раскрывающиеся списки:

Пример. в списке Размер шрифта выберите пункт крупные шрифты.

При ссылке на поля со списком:

Пример. в поле Шрифт введите шрифт, который вы хотите использовать.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *