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

Примечание

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

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

screen shot of spin control and text box

Типичная рамка спина.

Пользователи часто предпочитают элементы управления спином, так как они могут вносить изменения, не перемещая руки с мыши. Если элемент управления спином связан с текстовым полем, пользователи могут вводить или вставлять входные данные непосредственно в текстовом поле, поэтому использование элемента управления spin является необязательным.

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

Примечание

Рекомендации, связанные с текстовыми полями и макетом , представлены в отдельных статьях.

 

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

Чтобы определиться, ответьте на вопросы:

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

  • Считают ли пользователи значение относительным количеством, а не числовым значением? В этом случае используйте ползунок. Используйте спин-поля только для точных известных числовых значений. Например: как правило, пользователи хотят уменьшить громкость до минимума или наполовину, а не задать значение 2 или 5.

  • Элемент управления связан с текстовым полем? В противном случае не используйте. Элементы управления spin не следует использовать отдельно или с другими типами элементов управления, кроме текстового поля.

    Неправильно:

    screen shot of spin control, graphic, no text box

    В этом примере элемент управления спином используется для управления динамическим рисунком.

  • Допустимы ли непрерывные диапазоны значений? В противном случае используйте раскрывающийся список допустимых значений.

    screen shot of drop-down list

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

  • Используется ли элемент управления спином практическим? Использование элемента управления спином является практическим для:

    • Ввод небольшого числа, как правило, менее 100.
    • Внесение небольших изменений в существующее или стандартное значение.

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

  • Является ли элемент управления спином полезным? Используется ли элемент управления в контексте, где пользователи, скорее всего, будут использовать мышь? В противном случае рассмотрите необязательный элемент управления спином.

  • Являются ли раскрывающийся список элементов управления одноуровневых элементов управления? Если есть другие раскрывающийся список, рассмотрите возможность использования раскрывающегося списка для согласованности.

    screen shot of dialog box with drop-down lists

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

  • Являются ли пользователи сенсорного ввода или пера основным целевым объектом? Если да, рассмотрите возможность использования раскрывающегося списка. Кнопки со стрелками в элементе управления спином слишком малы, чтобы эффективно использовать с сенсорным или пером.

Если ползунок или поле спина возможно, используйте спин-поле, если:

  • На экране недостаточно свободного места.
  • Скорее всего, пользователь предпочитает использовать клавиатуру.

Используйте ползунок, если:

  • Пользователям требуется мгновенный эффект при изменении значения параметра.

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

Общие сведения

  • Используйте элементы управления спиной всякий раз, когда они являются практическими и полезными. Видите ли это правильный элемент управления?

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

    Правильно:

    screen shot of month, day, year spin controls

    В этом примере элемент управления spin используется с элементом управления year для согласованности, хотя он не всегда является практическим.

    Неправильно:

    screen shot of ip address spin control

    В этом примере элемент управления спином непригоден для использования.

  • Всегда делайте элемент управления спином "приятель" текстового поля. При этом элемент управления spin помещается в текстовое поле.

    Правильно:

    screen shot of spin control placed inside text box

    Неправильно:

    screen shot of spin control placed outside text box

    В правильном примере элемент управления spin помещается в связанное текстовое поле.

  • Отключите элемент управления спином при отключении связанного текстового поля. Элемент управления спином является дополнительным методом ввода — никогда не единственным методом ввода.

Значения

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

    screen shot of 'margins' spin control

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

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

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

    • Исключение: Не перезапустите диапазон, если полученное значение должно быть неверным.

      screen shot of 'number of copies' spin control

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

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

    screen shot of 'sleep after (never)' spin control

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

  • Если значение содержит разделители, связанное текстовое поле должно иметь несколько точек фокуса ввода. Это позволяет управлять числовыми сегментами по отдельности.

    screen shot of time spin control, minutes selected

    В этом примере элемент управления спином влияет на значения часов, минут, секунд и A.M./P.M., в зависимости от того, какой фокус имеется.

  • Если значение содержит единицы измерения, используйте элемент управления спином для изменения этих единиц.

    screen shot of time spin control, 'a.m.' selected

    В этом примере элемент управления спином можно использовать для изменения единиц.

Подписи

  • Примените рекомендации по маркировке надписей , чтобы пометить связанное текстовое поле. Элементы управления spin никогда не помечаются напрямую.

Документация

При обращении к элементам управления spin:

  • Не ссылайтесь на элементы управления spin в пользовательской документации. Вместо этого обратитесь к метке связанного текстового поля.
  • Обратитесь к элементам управления spin и спин-ящикам только в программировании и другой технической документации.

Пример. В поле "Дата " введите или выберите часть даты, которую вы хотите изменить.

Словарь терминов