WinUI 2.6

WinUI 2.6 to wersja WinUI z czerwca 2021 r. dla aplikacji platformy UWP (i aplikacji komputerowych korzystających z wysp XAML).

Uwaga / Notatka

Aby uzyskać więcej informacji na temat tworzenia aplikacji klasycznych systemu Windows i platformy UWP z najnowszą wersją systemu WinUI 3, zobacz WinUI 3.

Usługa WinUI jest hostowana w usłudze GitHub , gdzie zachęcamy do tworzenia raportów o błędach.

Wszystkie stabilne wersje (i wersje wstępne) są dostępne do pobrania ze strony wydań GitHub lub ze strony NuGet .

Pakiety WinUI można dodawać do projektów programu Visual Studio za pośrednictwem menedżera pakietów NuGet. Aby uzyskać więcej informacji, zobacz Wprowadzenie do interfejsu WinUI 2 dla platformy UWP.

Nowe lub zaktualizowane funkcje interfejsu WinUI 2.6 obejmują:

Mika

Mica to nowy materiał, który łączy motywy i tapety pulpitu do tworzenia tła trwałych okien, takich jak aplikacje i ustawienia. Możesz zastosować Mica do tła aplikacji, aby zachwycać użytkowników i tworzyć hierarchię wizualną, wspomagając produktywność poprzez zwiększenie przejrzystości, które okno jest w centrum uwagi. Mica jest specjalnie zaprojektowany pod kątem wydajności aplikacji, ponieważ próbkuje tapetę pulpitu tylko raz, aby utworzyć wizualizację.

Wskazówki dotyczące użycia

Dokumentacja interfejsu API

rozwieracz

Kontrolka Expander składa się z nagłówka zawartości podstawowej, która jest zawsze widoczna, w połączeniu z przyciskiem przełącznika używanym do pokazywania lub ukrywania rozszerzalnego obszaru zawartości zawierającego zawartość pomocniczą związaną z nagłówkiem.

Gdy użytkownik rozszerza lub zwija obszar zawartości, sąsiadujące elementy interfejsu użytkownika są przesuwane i dostosowywane do obszaru zawartości. Obszar zawartości ekspandera nie nakłada tych elementów.

Ten animowany przykład przedstawia rozszerzenie w stanie domyślnym z tylko tekstem podstawowym w obszarze zawartości.

Możesz użyć złożonego, interaktywnego interfejsu użytkownika w obszarze zawartości ekspandera, w tym zagnieżdżonych kontrolek Expander, jak pokazano tutaj.

Wskazówki dotyczące użycia

Dokumentacja interfejsu API

Pasek okruszkowy

Pasek nawigacji okruszkowej to hierarchiczny element nawigacji, który zapewnia bezpośrednią ścieżkę łączy do stron lub folderów, które prowadzą do bieżącej lokalizacji użytkownika. Jest ona często używana w górnej części strony w sytuacjach, gdy szlak nawigacji użytkownika (w systemie plików lub systemie menu) musi być trwale widoczny i zapewnić użytkownikowi możliwość szybkiego powrotu do poprzedniej lokalizacji.

Ten animowany przykład przedstawia pasek nawigacji w stanie domyślnym z ośmioma poziomami nawigacji.

Jeśli rozmiar aplikacji zostanie zmieniony tak, że nie ma wystarczająco dużo miejsca, aby wyświetlić wszystkie poziomy w kontrolce BreadcrumbBar, kontrolka automatycznie zwija się, zastępując węzły po lewej stronie wielokropkiem. Kliknięcie wielokropka powoduje otwarcie menu wysuwanego, które wyświetla zwinięte węzły w kolejności hierarchicznej, jak pokazano poniżej.

Wskazówki dotyczące użycia

Dokumentacja interfejsu API

IkonaObrazu

Aplikacja ImageIcon dodaje obsługę używania kontrolki Obraz jako ikony w interfejsie użytkownika aplikacji.

Obsługiwane są następujące formaty plików obrazów:

• Mapa bitowa (BMP)
• Format wymiany grafiki (GIF)
• Wspólna grupa ekspertów fotograficznych (JPEG)
• Przenośna grafika sieciowa (PNG)
• JPEG XR (WDP)
• Format oznakowanego pliku obrazu (TIFF)

Dokumentacja interfejsu API

AnimowanaIkona

Kontrolka AnimatedIcon wyświetla animowane obrazy w odpowiedzi na interakcje użytkownika oraz zmiany stanu wizualnego, na przykład, gdy użytkownik najeżdża kursorem na przycisk lub go klika.

W tym animowanym przykładzie pokazano element AnimatedIcon dodany do kontrolki NavigationViewItem.

Zdefiniowanie animacji wymaga utworzenia lub uzyskania pliku Lottie dla ikony, którą chcesz dodać (niestandardowe animacje można utworzyć za pomocą programu Adobe AfterEffects i renderowanego za pomocą biblioteki Lottie-Windows ) i uruchomić ten plik za pomocą biblioteki LottieGen. LottieGen generuje kod dla klasy C++/WinRT, którą można zainicjować i używać z Animowaną Ikoną.

Wskazówki dotyczące użycia

Dokumentacja interfejsu API

PipsPager

Kontrolka PipsPager ułatwia użytkownikom nawigację w obrębie zawartości podzielonej liniowo na strony przy użyciu konfigurowalnej kolekcji glifów, z których każda reprezentuje jedną "stronę" w potencjalnie nieograniczonym zakresie. Glify podkreślają bieżącą stronę i wskazują dostępność zarówno stron poprzedzających, jak i następujących. Kontrolka opiera się na bieżącym kontekście i nie obsługuje jawnego numerowania stron ani organizacji nieliniowej.

W tym przykładzie pokazano narzędzie PipsPager w stanie domyślnym, z pięcioma widocznymi pipami zorientowanymi poziomo i wybranym pierwszym pipem.

Jeśli zawartość składa się z dużej liczby stron, możesz ustawić liczbę widocznych, interaktywnych znaczników. Jeśli liczba stron przekracza liczbę widocznych kropek, kropki są automatycznie przewijane, aby wyśrodkować wybraną stronę w elemencie sterującym.

Ten animowany przykład przedstawia kontrolkę PipsPager z przewijanymi poziomo wskaźnikami dla dużej kolekcji.

Wskazówki dotyczące użycia

Dokumentacja interfejsu API

Aktualizacje stylu wizualizacji

Większość kontrolek WinUI obsługuje teraz najnowsze style systemu Windows 11.

Wprowadzono również nowy system przechowywania wersji, który umożliwia przywrócenie poprzednich stylów kontrolek. Zdecydowanie zachęcamy jednak do korzystania z nowych stylów, jeśli to możliwe, zgodnie z bieżącym kierunkiem projektowania systemu Windows.

Style XAML

Style SplitButton dla elementu CommandBar

Nowy SplitButtonCommandBarStyle zapewnia możliwość zastosowania wyglądu i działania elementu AppBarButton do kontrolki SplitButton .

Przykłady

Wskazówka

Aby uzyskać więcej informacji, wskazówki dotyczące projektowania i przykłady kodu, zobacz Projektowanie aplikacji systemu Windows.

Aplikacja z galerii WinUI 2 zawiera interaktywne przykłady większości kontrolek, funkcji i funkcji winUI 2.

Jeśli aplikacja z galerii jest już zainstalowana, kliknij pozycję Galeria WinUI 2 , aby ją otworzyć.

Jeśli nie jest zainstalowana, pobierz galerię WinUI 2 ze Sklepu Microsoft.

Możesz również pobrać kod źródłowy z usługi GitHub (wybierz gałąź winui2 ).

Inne aktualizacje

• Zobacz naszą listę istotnych zmian , aby zapoznać się z wieloma problemami z usługą GitHub rozwiązanymi w tej wersji.
• Zapoznaj się z zestawem narzędzi Figma do projektowania szablonów kontrolek i układów dla WinUI 2.6.