Контейнеры и шаблоны элементов

Выполните обновление до Microsoft Edge, чтобы воспользоваться новейшими функциями, обновлениями для системы безопасности и технической поддержкой. Для доступа к этой странице требуется авторизация. Вы можете попробовать войти или изменить каталоги. Для доступа к этой странице требуется авторизация. Вы можете попробовать изменить каталоги. Элементы управления ListView и GridView управляют расположением их элементов (горизонтальными, вертикальными, оболочками и т. д.) и взаимодействием пользователя с элементами, но не способом отображения отдельных элементов на экране. Визуализация элементов управляется контейнерами элементов. При добавлении элементов в представление списка они автоматически помещаются в контейнер. Контейнер элементов по умолчанию для ListView — ListViewItem; для GridView это GridViewItem. Важные API: класс ListView, классGridView, класс ListViewItem, класс GridViewItem, свойство ItemTemplate, свойство ItemContainerStyle Откройте приложение коллекции WinUI 3 и просмотрите ListView или GridView в действии. ListView и GridView являются производными от класса ListViewBase , поэтому они имеют одинаковые функции, но отображают данные по-разному. В этой статье мы говорим о представлении списка, информация применяется как к элементам управления ListView, так и к GridView, если иное не указано. Мы можем ссылаться на классы, такие как ListView или ListViewItem, но префикс списка можно заменить на Grid для соответствующего эквивалента сетки ( GridView или GridViewItem). Как упоминалось выше, элементы ListView автоматически помещаются в контейнер ListViewItem, а элементы GridView помещаются в контейнер GridViewItem. Эти контейнеры элементов — это элементы управления, имеющие собственные встроенные стили и взаимодействие, но также могут быть настроены с высокой степенью настройки. Однако перед настройкой убедитесь, что вы ознакомились с рекомендуемыми стилями и рекомендациями для ListViewItem и GridViewItem. Элементы управления контейнерами (например, ListViewItem и GridViewItem) состоят из двух важных частей, которые объединяются для создания окончательных визуальных элементов, отображаемых для элемента: шаблона данных и шаблона элемента управления. На этом рисунке показано, как шаблон элемента управления и шаблон данных объединяются для создания окончательного визуального элемента для элемента. Ниже приведен код XAML, который создает этот элемент. Позже мы объясним шаблоны. Шаблоны данных и шаблоны элементов управления используются для настройки стиля для многих элементов управления, отличных от ListView и GridView. К ним относятся элементы управления с собственным встроенным стилем, такими как FlipView и пользовательские элементы управления, такие как ItemsRepeater. Хотя приведенный ниже пример относится к ListView/GridView, основные понятия можно применять ко многим другим элементам управления. Прежде чем более подробно понять, как отображать элементы данных в представлении списка, необходимо понять данные, которые нужно отобразить. В этом примере мы создадим тип данных с именем NamedColor. Он объединяет имя цвета, значение цвета и SolidColorBrush для цвета, которые предоставляются как 3 свойства: Name, Colorи Brush. Затем мы заполняем списокNamedColor объектом для каждого именованного цвета в классе Colors . Список задается как ItemsSource для представления списка. Ниже приведен код для определения класса и заполнения NamedColors списка. Вы указываете шаблон данных, чтобы сообщить представлению списка, как должен отображаться элемент данных. По умолчанию элемент данных отображается в представлении списка в виде строки, представляющей объект данных, к которому он привязан. Если в представлении списка отображаются данные "NamedColors", не сообщая представлению списка о том, как он должен выглядеть, он просто показывает, что возвращает метод ToString , как показано ниже. Чтобы отобразить строковое представление определенного свойства элемента данных,…

Источник: learn.microsoft.com — learn.microsoft.com/ru-ru/windows/apps/develop/ui/controls/item-containers-templates