Руководство по кнопкам

Applies to Windows and Windows Phone

приложение Windows: состояния кнопок

приложение Windows: состояния кнопок

приложение Windows Phone: состояния кнопок

приложение Windows Phone: состояния кнопок

Описание

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

Пример

Снимок экрана стандартного элемента управления “Кнопка”

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

Кнопка позволяет пользователю немедленно начать действие, например отправить форму.

Не используйте кнопку, когда вам нужно перейти на другую страницу — вместо нее используйте ссылку. Исключение: для навигации по мастеру используйте кнопки "Вперед" и "Назад". Для других видов навигации — назад или на уровень выше — используйте кнопку со стилем win-backbutton.

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

  • Сделайте так, чтобы назначение и состояние кнопки было понятно пользователю.
  • Используйте краткий, конкретный, не требующий разъяснений текст, который четко описывает действие, выполняемое кнопкой. Обычно текст надписи на кнопке состоит из одного слова — как правило, глагола.
  • Если текст надписи на кнопке динамический (например, локализуемый), продумайте, как кнопка сможет изменять свои размеры и как это повлияет на элементы управления, окружающие ее.
  • Для кнопок команд с текстовым содержимым используйте минимальную ширину кнопки.
  • Не используйте узкие, короткие или высокие кнопки команд с текстовым содержимым.
  • Используйте шрифт, заданный по умолчанию, если в соответствии со стилем торговой марки не требуется использовать другой.
  • Для действия, которое требуется выполнить над множеством страниц вашего приложения, лучше использовать нижнюю панель приложения, а не повторять соответствующую кнопку на каждой странице.
  • При использовании технологии AJAX для отправки формы используйте команду отправки и переопределите функцию отправки формы таким образом, чтобы пользователи могли отправить форму с помощью нажатия клавиши ВВОД вне зависимости от того, в какой части формы находится курсор.
  • Сделайте одновременно доступными пользователю только одну или две кнопки, например "Принять" и "Отклонить". Если требуется предоставить пользователю больше действий, введите в интерфейс флажки или переключатели, с помощью которых пользователь сможет выбрать нужные действия, а затем путем нажатия одной кнопки начать выполнение всех этих действий.
  • Используйте кнопку команды, определенную по умолчанию, для запуска наиболее часто используемого или рекомендуемого действия.
  • При желании параметры кнопок можно изменить. По умолчанию кнопки имеют прямоугольную форму, однако визуальные элементы, создающие внешний вид кнопки, можно изменить. Содержимым кнопки обычно является текст—например, "Принять" или "Отклонить",—но его можно заменить на значок или сочетание значка и текста.
  • Сделайте так, чтобы при взаимодействии пользователя с кнопкой состояние и внешний вид кнопки менялись для отображения отклика на действия пользователя. Кнопка может быть, к примеру, в нормальном состоянии, нажатом или неактивном.
  • Определите начало выполнения действия в момент, когда пользователь касается кнопки или нажимает ее. Обычно действие начинает выполняться при отпускании кнопки, но можно также определить начало выполнения действия в момент, когда палец первый раз нажимает кнопку.
  • Не используйте кнопки команд для задания состояния.
  • Не меняйте текст кнопки, кроме как с целью локализации.
  • Не меняйте местами заданные по умолчанию стили "отправить", "сбросить" и "кнопка".
  • Не размещайте слишком большое количество содержимого на кнопке. Хотя объект может содержать почти любой HTML-элемент, например таблицы и флажки, слишком большое количество содержимого может запутать пользователя. Делайте содержимое кратким и понятным (только изображение и немного текста).

Дополнительные рекомендации по использованию

Выбор правильного типа кнопки (Javascript и HTML)

Существуют три типа элементов управления button в HTML: submit, reset и button. Следуйте этим инструкциям, чтобы правильно выбрать тип кнопки.

  • Отправить

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

  • Сбросить

    Очистка формы или страницы с введенными пользователем данными.

  • Кнопка

    Создание пользовательской команды или действия.

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

Связанные разделы

Для разработчиков
Руководство по кнопкам
Руководство по переключателям
Руководство по тумблерам
Руководство по флажкам
Руководство по элементу управления выбором
Для разработчиков (HTML)
button
input type=button
input type=submit
Для разработчиков (XAML)
Button class

 

 

Показ:
© 2014 Microsoft