Представления списка

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

Типичное представление списка.

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

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

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

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

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

Представления списка флажка

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

Варианты использования

Все представления поддерживают один выбор, где пользователи могут выбирать только один элемент за раз и несколько выборов, где пользователи могут выбрать любое количество элементов, включая нет. Представления списка поддерживают расширенный режим выбора, где выделение можно расширить путем перетаскивания или нажатия клавиш SHIFT+CLICK или CTRL+CLICK, чтобы выбрать группы смежных или не смежных значений соответственно. В отличие от списков, они не поддерживают несколько режимов выбора, где щелчок любого элемента переключает его состояние выбора независимо от клавиш SHIFT и CTRL.

Стандартное представление списка

Элемент управления представлением списка поддерживает пять стандартных представлений:

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

Варианты представления списка

Название	Значение
Выбор столбца Представления списка иногда имеют так много столбцов, что они не практически для отображения всех. В этом случае оптимальным подходом является отображение наиболее полезных столбцов по умолчанию и разрешение пользователям добавлять или удалять столбцы по мере необходимости.	При щелчке правой кнопкой мыши заголовок столбца отображается контекстное меню, позволяющее пользователям добавлять или удалять столбцы. При нажатии кнопки "Дополнительно" в контекстном меню заголовка столбца отображается диалоговое окно "Выбор столбцов", которое позволяет пользователям добавлять или удалять столбцы, а также переупорядочение столбцов.
Представление списка флажка Разрешить пользователям выбирать несколько элементов.	Представления списка с несколькими выборами имеют точно тот же внешний вид, что и представления списка с одним выделением, поэтому нет визуального подсказки о том, что они поддерживают несколько выборок. Представление списка флажок можно использовать для четкого указания возможности выбора нескольких элементов. Следовательно, этот шаблон следует использовать для задач, в которых несколько выборок является важным или часто используемым. В этом примере представление "Маленький значок" использует флажки, так как для задачи важно несколько выборов.
Вывод списка представлений с группами Упорядочение данных в группы.	Хотя представления сведений часто поддерживают сортировку данных по любому из столбцов, представления списка позволяют пользователям упорядочивать элементы в группы. Ниже приведены некоторые преимущества группирования. Группы работают во всех представлениях (кроме списка), поэтому, например, пользователи могут группировать дополнительное представление значков альбомов художником. Группы могут быть высокоуровневые коллекции, которые часто более значимы, чем группирование непосредственно от данных. Например, группы проводника Windows даты в "Сегодня", "Вчера", "На прошлой неделе", "В начале этого года" и "Давно". В этом примере Центр приветствия Windows отображает сгруппированные элементы в представлении списка.

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

Презентация

• Сортировка элементов списка в логическом порядке. Сортировка имен в алфавитном порядке, числа в числовом порядке и датах в хронологическом порядке.

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

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

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

  

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

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

Взаимодействие

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

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

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

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

  

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

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

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

  

  В этом примере контекстное меню сортировки изменяет порядок сортировки. Щелкнув имя после сортировки по имени в порядке возрастания. При нажатии кнопки "Имя" снова выполняется сортировка по имени в порядке убывания.

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

  • Разработчики. Это можно сделать, задав фокус на элементе управления заголовком столбца. Эта возможность является новой для Windows Vista.

• При отключении представления списка также отключите все связанные метки и кнопки команд.

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

  Хорошо:

  

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

Списки выбора нескольких элементов

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

  

  В этом примере число выбранных элементов отображается под списком.

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

  

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

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

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

Изменение представлений

Если пользователи могут изменить представления:

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

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

  

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

• Укажите контекстное меню представления.

  

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

Представления сведений

• Рекомендуется использовать представление плиток для улучшения удобочитаемости.

  Хорошо:

  

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

  Лучший:

  

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

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

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

  Если данные обычного размера должны быть усечены по умолчанию, сделайте окно и представление списка измененным. Добавьте дополнительный 30 процентов (до 200 процентов для более короткого текста) для любого текста (но не чисел), который будет локализован.

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

  

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

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

  

  В этом примере данные усечены без причины.

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

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

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

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

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

  • Выровнять числа, валюты и время выравнивания по правому краю.
  • Текст по левому краю, идентификаторы (даже если числовые) и даты.

• Для сортируемых заголовков столбцов первый щелчок по заголовку сортирует список в порядке возрастания для столбца, второй щелчок сортируется по убыванию. Используйте предыдущий порядок сортировки (из другого столбца) в качестве ключа вторичной сортировки.

  

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

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

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

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

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

  

  Правильное.

  

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

Рекомендуемый размер и интервалы

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

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

Наклейки

Метки элементов управления

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

• Назначьте уникальный ключ доступа для каждой метки. Рекомендации см. в разделе "Клавиатура".

• Используйте прописную букву в стиле предложений.

• Поместите метку над элементом управления и выровняйте метку с левым краем элемента управления.

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

  Правильное.

  

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

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

  

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

  Хорошо:

  

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

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

Метки заголовков

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

Метки группы

• Используйте следующие метки групп для высокоуровневых коллекций:
  • Имена: используйте первую букву имен или диапазонов букв.
  • Размеры: не указано, 0 КБ, 0-10 КБ, 10-100 КБ, 100 КБ - 1 МБ, 1-16 МБ, 16-128 МБ
  • Даты: Сегодня, Вчера, На прошлой неделе, в начале этого года, и давно.
• В противном случае метки групп используют точный текст группированных данных, включая заглавную букву и знаки препинания.

Текст данных

• Используйте прописную букву в стиле предложений.

Инструкционный текст

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

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

При обращении к представлениям списка:

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

Пример. В списке "Программы и службы " выберите общий доступ к файлам и принтерам.

При ссылке на флажки в представлении списка:

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

Пример. Установите флажок подчеркивания.