WinUI 2.6

WinUI 2.6 — это июньский выпуск 2021 г. для WinUI для UWP-приложений (и настольных приложений с использованием XAML Islands).

Замечание

Дополнительные сведения о создании классических приложений Windows и UWP с последней версией WinUI 3 см. в статье WinUI 3.

WinUI размещен на GitHub , где мы рекомендуем отправлять отчеты об ошибках.

Все стабильные выпуски (и предварительные выпуски) доступны для скачивания со страницы выпуска GitHub или со страницы NuGet .

Пакеты WinUI можно добавлять в проекты Visual Studio с помощью диспетчера пакетов NuGet. Дополнительные сведения см. в статье "Начало работы с WinUI 2 для UWP".

Новые или обновленные функции Для WinUI 2.6:

Слюда

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

Мика в светлой теме

Рекомендации по использованию

Справочник по API

Расширитель

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

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

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

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

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

Расширитель с сложным интерактивным пользовательским интерфейсом в области содержимого.

Рекомендации по использованию

Справочник по API

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

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

Панель навигации по умолчанию с восемью уровнями глубины навигации.

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

Панель навигации, сжатая с всплывающий меню.

Рекомендации по использованию

Справочник по API

ИмиджИконка

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

Поддерживаются следующие форматы файлов изображений:

  • Растровое изображение (BMP)
  • Формат обмена графикой (GIF)
  • Совместная группа экспертов по фотографии (JPEG)
  • Переносимая сетевая графика (PNG)
  • JPEG XR (WDP)
  • Формат файла изображений с тегами (TIFF)

Справочник по API

Анимированная иконка

Элемент управления AnimatedIcon воспроизводит анимированные изображения в ответ на изменения взаимодействия пользователя и визуального состояния, например при наведении указателя мыши на кнопку или нажатии кнопки.

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

Анимированный значок добавлен в элемент NavigationView.

Для определения анимации требуется создать или получить файл Lottie для значка, который вы хотите добавить (пользовательские анимации можно создать с помощью Adobe AfterEffects и отрисовывать с помощью библиотеки Lottie-Windows ) и запустить этот файл через LottieGen. LottieGen создает код для класса C++/WinRT, который затем можно инстанцировать и использовать с Анимированным значком.

Рекомендации по использованию

Справочник по API

PipsPager

Контрол PipsPager помогает пользователям перемещаться по линейно разбитому на страницы контенту с помощью настраиваемой коллекции глифов, каждая из которых представляет одну "страницу" в потенциально неограниченном диапазоне. Глифы выделяют текущую страницу и указывают доступность как предыдущих, так и последующих страниц. Элемент управления использует текущий контекст и не поддерживает явное нумерирование страниц или нелинейную организацию.

В этом примере показан «PipsPager» в стандартном состоянии с пятью видимыми «пипсами», ориентированными горизонтально, при этом выбран первый «пип».

По умолчанию PipsPager с пятью горизонтальными точками и первым выбранным.

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

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

PipsPager с горизонтальной прокруткой pips для большой коллекции элементов.

Рекомендации по использованию

Справочник по API

Обновления визуального стиля

Большинство элементов управления WinUI теперь поддерживают последние стили Windows 11.

Также появилась новая система управления версиями, которая позволяет вернуться к предыдущим стилям элементов управления. Однако мы настоятельно рекомендуем использовать новые стили, если это возможно, так как они соответствуют текущему направлению проектирования Windows.

Стили XAML

Стили SplitButton для CommandBar

Новый SplitButtonCommandBarStyle позволяет придавать внешний вид и стиль AppBarButton элементу управления SplitButton.

Образцы

Подсказка

Дополнительные сведения, рекомендации по проектированию и примеры кода см. в разделе "Проектирование приложений Для Windows".

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

Если приложение галереи уже установлено, щелкните WinUI 2 Gallery, чтобы открыть его.

Если он не установлен, скачайте коллекцию WinUI 2 из Microsoft Store.

Вы также можете получить исходный код из GitHub (выберите ветвь winui2 ).

Другие обновления

  • Last updated on