Прочитать на английском

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


Эскизы

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

Важные API

Следует ли включить эскизы в приложение?

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

Используйте эскизы:

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

    Коллекция видео

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

    Предварительный просмотр видео

Полезные советы

  • Укажите режим эскизов (PicturesView, VideosView, DocumentsView, MusicView, ListView или SingleItem) при извлечении эскизов. Это гарантирует оптимизацию эскизов для отображения нужного пользователям типа файлов.

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

    Заполнители должны:

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

  • Если получить эскиз невозможно, отобразите заполнитель.

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

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

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

Рекомендуемые режимы эскизов и их функции:

Предварительный просмотр Режимы эскизов Функции извлеченных эскизов изображений
Изображения
Видео
PicturesView
ВидеоView
Размер: средний, желательно по крайней мере 190 (если размер изображения равен 190x130)
Пропорции: равномерное, широкое соотношение пропорций около 7 (190x130, если размер равен 190)
Обрезано для предварительного просмотра.
Обеспечивает выравнивание изображений в сетке благодаря одинаковым пропорциям.
Документы
Музыка
DocumentsView
MusicView
ListView
Размер: небольшой, желательно по крайней мере 40 x 40 пикселей
Пропорции: равномерное, квадратная пропорция
Хорошо подходит для предварительного просмотра обложек альбомов благодаря квадратным пропорциям.
Документы выглядят так же, как в окне средства выбора файлов (в нем используются те же значки).
Любой отдельный элемент (независимо от типа файла) SingleItem Размер: небольшой, желательно по крайней мере 40 x 40 пикселей
Пропорции: равномерное, квадратная пропорция
Хорошо подходит для предварительного просмотра обложек альбомов благодаря квадратным пропорциям.
Документы выглядят так же, как в окне средства выбора файлов (в нем используются те же значки).

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

Тип элемента При извлечении с помощью:
  • PicturesView
  • VideosView
При извлечении с помощью:
  • DocumentsView
  • MusicView
  • ListView
При извлечении с помощью:
  • SingleItem
Рисунок Для эскиза изображения используются однородные прямоугольные пропорции, примерно равные 0,7 (190 x 130, если предпочтительный размер составляет 190 пикселей).
Эскиз изображения в режиме изображения или видео
Эскиз был обрезан до квадрата.
Эскиз изображения в режиме документов, музыки или списка
Для изображения эскиза используются пропорции исходного файла.
Эскиз изображения в одиночном режиме
Видео У эскиза есть значок, отличающий его от изображений.
Эскиз видео в режиме изображения или видео
Эскиз был обрезан до квадрата.
Эскиз видео в режиме документов, музыки или списка
Для изображения эскиза используются пропорции исходного файла.
Эскиз видео в одиночном режиме
Музыка Эскиз — это значок на фоне соответствующего размера. Цвет фона определяется цветом фона плитки приложения.
Эскиз музыки в режиме изображения или видео
Если у файла есть обложка альбома, то эскизом будет обложка альбома.
Эскиз музыка в режиме документом, музыки или списка
В противном случае эскиз — это значок на фоне соответствующего размера.
Если у файла есть обложка альбома, то эскизом будет обложка альбома, для которого будут использоваться исходные пропорции файла.
Эскиз музыки в одиночном режиме
В противном случае эскиз — это значок.
Документ Эскиз — это значок на фоне соответствующего размера. Цвет фона определяется цветом фона плитки приложения.
Эскиз документа в режиме изображения или видео
Эскиз — это значок на фоне соответствующего размера. Цвет фона определяется цветом фона плитки приложения.
Эскиз документа в режиме документов, музыки или списка
Эскиз документа, если таковой существует.
Эскиз документа в одиночном режиме
В противном случае эскиз — это значок.
Значок эскиза документа в одиночном режиме
Папка Если есть файл изображения в папке, используется эскиз изображения.
Эскиз папки в режиме изображения или видео
В противном случае эскиз не загружается.
Изображение эскиза не загружено. Эскиз представляет собой значок папки.
Значок эскиза папки в одиночном режиме
файловая группа; Если есть файл изображения в папке, используется эскиз изображения.
Эскиз группы файлов в режиме изображения или видео.
В противном случае эскиз не загружается.
Если среди файлов в группе есть файл, у которого есть обложка альбома, то в качестве эскиза используется обложка альбома.
Эскиз группы файлов в режиме документов, музыки или списка
В противном случае эскиз не загружается.
Если среди файлов в группе есть файл, у которого есть обложка альбома, то в качестве эскиза используется обложка альбома, для которого используются исходные пропорции файла.
Эскиз группы файлов в режиме документов, музыки или списка с оригинальными пропорциями файла.
В противном случае эскиз — это значок, представляющий группу файлов.
Значок группы файлов в одиночном режиме