Руководство по элементам управления

Applies to Windows and Windows Phone

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

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

Использование стандартных элементов управления позволяет сэкономить время при реализации распространенных взаимодействий. Они отлично работают без дополнительной настройки. Опирайтесь в вашем проекте на эти элементы управления, чтобы говорить с разработчиком на одном языке. Подробнее об элементах управления для разработчиков: Список элементов управления (приложения Магазина Windows на JavaScript и HTML) или Список элементов управления (приложения Магазина Windows на C#, VB, C++ и XAML).

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

В этом разделе

ТемаОписание

Панели приложения

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

Кнопки “Назад”

Кнопка "Назад" предлагает возможность перехода назад в виде кнопки.

Кнопки

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

Флажки

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

Контекстные меню

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

Управляющие элементы выбора даты

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

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

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

Элементы управления FlipView

Пример внешнего вида стандартного элемента управления Flipview

Всплывающие элементы

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

Элементы управления Hub в приложениях Магазина Windows

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

Элементы управления Hub в приложениях Магазина Windows Phone

Элемент управления "Главный раздел" отображает несколько разделов, которые можно сдвигать влево и вправо. Он представляет собой полноэкранный контейнер и модель навигации для приложения.

Метки

Метка — это имя или название элемента управления или группы связанных элементов. Метка не предоставляет никаких функций.

Ссылки

Руководство по добавлению ссылок в приложения Магазина Windows.

Списки (или выбор)

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

Элементы управления представлением списка и сетки

Руководство по добавлению элементов управления ListView в ваши приложения Магазина Windows на JavaScript.

Карты

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

Окна сообщений

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

Элементы управления Pivot

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

Элементы управления “Ход выполнения”

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

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

Переключатели типа Radio Button позволяют пользователю выбрать один параметр из двух или более предлагаемых вариантов.

Элемент управления “Оценка”

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

Поиск

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

Полосы прокрутки

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

Контекстное масштабирование

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

Ползунки

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

Элементы управления TimePicker

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

Тумблеры

Элемент управления Toggle Switch имитирует физический переключатель, позволяющий пользователям включать и выключать что-либо. Используйте это руководство для добавления элементов управления Toggle Switch в приложение Магазина Windows.

Подсказки

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

Представления веб-страницы

Элемент управления представлением веб-страниц внедряет представление в ваше приложение, которое выглядит и ведет себя как Internet Explorer. В элементе управления представлением веб-страниц могут появляться и работать гиперссылки.

 

 

 

Показ:
© 2014 Microsoft