<?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>