Поделиться через


Поля группы

Примечание

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

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

Снимок экрана: поле группы, содержащее поля проверка

Типичная группа.

Примечание

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

 

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

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

Тенденция дизайна в Windows — это более простой и чистый внешний вид, устраняющий ненужные линии.

Чтобы решить, требуется ли поле группы, рассмотрите следующие вопросы:

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

Неправильно:снимок экрана: поле группы, содержащее одно текстовое поле

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

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

Неправильно:снимок экрана: поле группы, содержащее все элементы управления

В этом примере все элементы управления (кроме кнопок фиксации) в диалоговом окне находятся в пределах поля группы.

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

Рисунок с четырьмя значками, показывающими четыре группы задач

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

  • Можно ли эффективно сообщать о связях с помощью разделителя? Если это так, используйте разделитель. Разделитель — это горизонтальная линия, которая объединяет элементы управления под ним. Разделители обеспечивают более простой и понятный вид. Однако, в отличие от групповых ящиков, они лучше всего работают, когда они охватывают всю ширину поверхности.
    • Разработчики: Разделитель можно реализовать с помощью выгравированного прямоугольника высотой 1.

Снимок экрана: элементы управления электронной почты, разделенные выгравленными прямоугольниками.

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

Снимок экрана: элементы управления, разделенные разделителями

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

  • Можно ли эффективно сообщать о связях без текста? Если да, рассмотрите возможность использования графических элементов, таких как фон или агрегаторы.

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

  • Не вложите поля групп. Используйте макет для отображения связей в поле группы.

Неправильно: снимок экрана: поле группы внутри поля группы

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

Правильно:снимок экрана с одними и теми же элементами управления в одной группе

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

  • Не помещать элементы управления в метки полей группы.
    • Исключение: Поле проверка можно использовать в качестве метки поля группы, если все элементы управления внутри поля включены и отключены полем проверка.

Неправильно:снимок экрана раскрывающегося списка в метке группового поля

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

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

Метки

  • Пометка всех полей группы.
  • Не назначайте ключ доступа метки. Это не требуется и усложняет назначение других ключей доступа. Вместо этого назначьте ключи доступа элементам управления в поле группы.
    • Исключение: Если поверхность имеет много элементов управления, возможно, не будет достаточно доступных ключей доступа. Если это так, сократите количество ключей доступа, назначив их полям групп, а не элементам управления в полях группы.
  • Используйте прописные буквы в стиле предложений.
  • Напишите метку с помощью существительного или существительной фразы, а не в качестве предложения, и не используйте конечные знаки препинания, включая двоеточие.
  • Используйте параллельную формулировку для меток полей групп на одной поверхности.
  • Оставьте метки полей групп краткими. Не используйте инструктивный текст в качестве метки. Однако в поле группы можно использовать инструктивный текст.
  • Не повторяйте метку поля группы в подписях элементов управления в поле. Например, если поле группы имеет метку Выравнивание, пометка кнопок параметров влево, вправо и т. д., а не выравнивание по левому или правому краю.
  • Не ссылайтесь на поля групп в тексте пользовательского интерфейса.

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

При обращении к полям группы:

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

Пример. В разделе Эффекты выберите Скрытые.