Руководство по элементам управления FflipView

Applies to Windows and Windows Phone

Пример внешнего вида стандартного элемента управления Flipview

Описание

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

Пример

Снимок экрана, иллюстрирующий стандартный элемент управления Flipview

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

Элемент управления Flipview позволяет перебирать представления приложения или элементы коллекции по одному. При наведении указателя мыши на просматриваемый элемент появляются кнопки перехода на предыдущий или следующий элементы.

Элемент управления FlipView

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

Элемент управления FlipView с индикатором контекста

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

  • Используйте элемент управления Flipview:
    • Для перемещения внутри небольшой коллекции связанных элементов (< 10 элементов). Например, в приложении для интернет-магазина можно показать несколько изображений товара на странице с информацией о нем. Использовать индикатор контекста для небольших коллекций элементов можно, но не обязательно.

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

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

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

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

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

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

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

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

Для разработчиков
Руководство по элементам управления ListView
Для разработчиков (HTML)
Добавление элементов управления FlipView
Краткое руководство: добавление элемента управления FlipView
WinJS.UI.FlipView object
Для разработчиков (XAML)
Добавление элементов управления FlipView
Краткое руководство: добавление элемента управления FlipView
FlipView class

 

 

Показ:
© 2014 Microsoft