<page xmlns="http://projectmallard.org/1.0/" xmlns:uix="http://projectmallard.org/experimental/ui/" type="topic" id="drop-down-lists" xml:lang="ru">

  <info>

    <credit type="author">

      <name>Алан Дэй (Allan Day)</name>

      <email>aday@gnome.org</email>

    </credit>

    <link type="guide" xref="ui-elements"/>

    <uix:thumb mime="image/svg" src="figures/ui-elements/drop-down-list.svg"/>

    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>

  </info>

<title>Выпадающие списки</title>

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

<media type="image" mime="image/svg" src="figures/ui-elements/drop-down-list.svg"/>

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

<list>

<item>
количество параметров достаточно велико;
</item>

<item>
мало свободной области;
</item>

<item>
список параметров может изменяться в течение некоторого времени;
</item>

<item>
по текстовой метке и выбранному элементу можно понять, что находится в скрытой части. Например, если имеется текстовая метка «Месяц:», и выбран элемент «январь», то пользователь не открывая меню может догадаться, что в нём будут находиться 12 месяцев.
</item>

</list>

<section id="general-guidelines">

<title>Общие рекомендации</title>

<list>

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

<item>
В случае большого количества элементов желательно предоставить функцию поиска для фильтрации списка.
</item>

<item>
Текстовая метка для списка должна располагаться выше или левее кнопки выпадающего меню. При использовании английского языка прописные буквы используются, как в <link xref="writing-style#capitalization">обычном предложении</link>. Добавьте ускоритель, чтобы пользователь с помощью клавиатуры мог перевести фокус на выпадающий список.
</item>

<item>
При использовании английского языка для элементов выпадающего меню прописные буквы используются, как в <link xref="writing-style#capitalization">обычном предложении</link>.
</item>

</list>

</section>

<section id="custom-values">

<title>Добавление значений</title>

<media type="image" mime="image/svg" src="figures/ui-elements/drop-down-list-custom-values.svg"/>

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

<list>

<item>
Убедитесь, что добавленные значения упорядочены так, чтобы пользователю было удобно работать с ними. Часто применяется алфавитный порядок или порядок, в котором элементы были добавлены в список.
</item>

<item>
Когда в выпадающем списке имеются и начальные, и добавленные значения, разделите их в списке на группы.
</item>

<item>
Пользователь должен иметь возможность удалять добавленные значения.
</item>

<item>
Проверяйте на корректность добавленные значения по мере их ввода, чтобы предотвратить ошибки.
</item>

<item>
Если выпадающий список принимает только добавляемые значения и в нём отсутсвуют начальные значения, при открытии списка не показывайте пустой список, а добавьте поле для ввода значения.
</item>

</list>

</section>

</page>