WinUI 2.6

WinUI 2.6 is de release van Juni 2021 van WinUI voor UWP-toepassingen (en desktoptoepassingen die gebruikmaken van XAML-eilanden).

WinUI wordt gehost op GitHub , waar we u aanmoedigen om foutenrapporten op te slaan.

Alle stabiele releases (en prereleases) zijn beschikbaar om te downloaden vanaf onze GitHub-releasepagina of via onze NuGet-pagina.

WinUI-pakketten kunnen worden toegevoegd aan Visual Studio-projecten via NuGet-pakketbeheer. Zie Aan de slag met WinUI 2 voor UWP voor meer informatie.

Nieuwe of bijgewerkte functies voor WinUI 2.6 zijn onder andere:

Mica

Mica is een nieuw materiaal dat thema en bureaubladbehang bevat om de achtergrond van langlevende vensters, zoals apps en instellingen, te schilderen. U kunt Mica toepassen op uw toepassingsachtergrond om gebruikers te verrukken en visuele hiërarchie te creëren, waardoor de productiviteit wordt geholpen, door meer duidelijkheid te krijgen over welk venster de focus heeft. Mica is speciaal ontworpen voor app-prestaties, omdat de bureaubladachtergrond slechts eenmaal wordt gebruikt om de visualisatie te maken.

Gebruiksrichtlijnen

API-verwijzing

Uitbreider

Het besturingselement Expander bestaat uit een koptekst van primaire inhoud die altijd zichtbaar is, gekoppeld aan een wisselknop die wordt gebruikt om een uitvouwbaar inhoudsgebied weer te geven of te verbergen dat secundaire inhoud bevat die betrekking heeft op de koptekst.

Wanneer de gebruiker het inhoudsgebied uitvouwt of samenvouwt, worden aangrenzende UI-elementen verplaatst en aangepast om het inhoudsgebied te kunnen gebruiken. Het inhoudsgebied van de expander bedekt die elementen niet.

In dit voorbeeld met animatie ziet u een expander met de standaardstatus met alleen eenvoudige tekst in het inhoudsgebied.

U kunt complexe, interactieve gebruikersinterfaces gebruiken binnen het inhoudsgebied van de expander, inclusief geneste expander-besturingselementen zoals hier wordt weergegeven.

Gebruiksrichtlijnen

API-verwijzing

Paneermeel Bar

Een BreadcrumbBar is een hiërarchisch navigatie-element dat een direct pad biedt naar koppelingen naar pagina's of mappen die naar de huidige locatie van de gebruiker leiden. Het wordt vaak boven aan een pagina gebruikt in situaties waarin het navigatiepad van de gebruiker (in een bestandssysteem of menusysteem) permanent zichtbaar moet zijn en de gebruiker de mogelijkheid biedt om snel terug te gaan naar een eerdere locatie.

In dit voorbeeld met animatie ziet u een BreadcrumbBar met de standaardstatus met acht navigatieniveaus.

Als de grootte van de app zodanig wordt gewijzigd dat er onvoldoende ruimte is om alle niveaus in de BreadcrumbBar weer te geven, wordt de controle automatisch samengevouwen en worden de meest linkse knooppunten vervangen door een beletselteken. Als u op het beletselteken klikt, wordt een flyoutmenu geopend waarin de samengevouwen knooppunten in hiërarchische volgorde worden weergegeven, zoals hier wordt weergegeven.

Gebruiksrichtlijnen

API-verwijzing

Afbeelding Icoon

ImageIcon voegt ondersteuning toe voor het gebruik van een besturingselement voor afbeeldingen als pictogram in de gebruikersinterface van uw toepassing.

De volgende bestandsindelingen voor afbeeldingen worden ondersteund:

• Bitmap (BMP)
• Grafisch uitwisselingsformaat (GIF)
• Joint Photographic Experts Group (JPEG) (Gezamenlijke Fotografische Deskundigen Groep)
• Draagbare Netwerkafbeeldingen (PNG)
• JPEG XR (WDP)
• Gelabelde afbeeldingsbestandsindeling (TIFF)

API-verwijzing

GeanimeerdIcoon

Een AnimatedIcon-besturingselement speelt geanimeerde afbeeldingen af als reactie op gebruikersinteractie en visuele statuswijzigingen, zoals wanneer een gebruiker de muisaanwijzer over een knop beweegt of erop klikt.

In dit voorbeeld met animatie ziet u een AnimatedIcon dat is toegevoegd aan een NavigationViewItem-besturingselement.

Als u een animatie definieert, moet u een Lottie-bestand maken of verkrijgen voor het pictogram dat u wilt toevoegen (aangepaste animaties kunnen worden gemaakt met Adobe AfterEffects en weergegeven met de Lottie-Windows-bibliotheek ) en dat bestand uitvoeren via LottieGen. LottieGen genereert code voor een C++/WinRT-klasse die u vervolgens kunt instantiëren en gebruiken met een AnimatedIcon.

Gebruiksrichtlijnen

API-verwijzing

PipsPager

Met het besturingselement PipsPager kunnen gebruikers binnen lineair gepagineerde inhoud navigeren met behulp van een configureerbare verzameling glyphs, die elk één pagina vertegenwoordigen binnen een mogelijk onbeperkt bereik. De symbolen markeren de huidige pagina en geven de beschikbaarheid aan van zowel voorgaande als volgende pagina's. Het besturingselement is afhankelijk van de huidige context en biedt geen ondersteuning voor expliciete paginanummering of een niet-lineaire organisatie.

In dit voorbeeld ziet u een PipsPager met de standaardstatus met vijf zichtbare pips, horizontaal gericht, waarbij de eerste pip is geselecteerd.

Als de inhoud uit een groot aantal pagina's bestaat, kunt u het aantal zichtbare, interactieve pips instellen. Als het aantal pagina's het aantal zichtbare pips overschrijdt, schuiven de pips automatisch om de geselecteerde pagina in het besturingselement te centreren.

In dit voorbeeld met animatie ziet u een PipsPager met horizontaal schuivende pips voor een grote itemverzameling.

Gebruiksrichtlijnen

API-verwijzing

Visuele stijlupdates

De meeste WinUI-besturingselementen ondersteunen nu de nieuwste Windows 11-stijlen.

Er is ook een nieuw versiebeheersysteem geïntroduceerd waarmee u kunt terugkeren naar de vorige besturingsstijlen. We raden u echter ten zeerste aan de nieuwe stijlen te gebruiken, indien mogelijk, omdat deze overeenkomen met de huidige ontwerprichting van Windows.

XAML-stijlen

SplitButton-stijlen voor opdrachtbalk

Een nieuw SplitButtonCommandBarStyle biedt de mogelijkheid om het uiterlijk van een AppBarButton toe te passen op een SplitButton-besturingselement .

Voorbeelden

Andere updates

• Bekijk onze lijst met belangrijke wijzigingen voor veel van de GitHub-problemen die in deze release zijn opgelost.
• Bekijk de Figma-ontwerptoolkit voor de WinUI 2.6-besturings- en indelingssjablonen.