<?xml version="1.0" encoding="utf-8"?>
<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>

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

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

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

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

<section id="general-guidelines">
<title>Общие рекомендации</title>

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

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

<list>
<item><p>Убедитесь, что добавленные значения упорядочены так, чтобы пользователю было удобно работать с ними. Часто применяется алфавитный порядок или порядок, в котором элементы были добавлены в список.</p></item>
<item><p>Когда в выпадающем списке имеются и начальные, и добавленные значения, разделите их в списке на группы.</p></item>
<item><p>Пользователь должен иметь возможность удалять добавленные значения.</p></item>
<item><p>Проверяйте на корректность добавленные значения по мере их ввода, чтобы предотвратить ошибки.</p></item>
<item><p>Если выпадающий список принимает только добавляемые значения и в нём отсутсвуют начальные значения, при открытии списка не показывайте пустой список, а добавьте поле для ввода значения.</p></item>
</list>

</section>

</page>
