Kontroller för Windows-appar

I Utveckling av Windows-appar är en kontroll ett användargränssnittselement som visar innehåll eller aktiverar interaktion. Kontroller är byggstenarna i användargränssnittet. Ett mönster är ett recept för att kombinera flera kontroller för att göra något nytt.

Vi tillhandahåller över 45 kontroller som du kan använda, allt från enkla knappar till kraftfulla datakontroller som rutnätsvyn. Dessa kontroller är en del av Fluent Design System och kan hjälpa dig att skapa ett djärvt, skalbart användargränssnitt som ser bra ut på alla enheter och skärmstorlekar.

Artiklarna i det här avsnittet innehåller designvägledning och kodningsinstruktioner för att lägga till kontroller & mönster i din Windows-app.

Intro

Allmänna instruktioner och kodexempel för att lägga till och formatera kontroller i XAML och C#.

Lägga till kontroller och hantera händelser
Det finns tre viktiga steg för att lägga till kontroller i din app: Lägg till en kontroll i appens användargränssnitt, ange egenskaper för kontrollen och lägg till kod i kontrollens händelsehanterare så att den gör något.

Styling-kontroller
Du kan anpassa utseendet på dina appar på många sätt med hjälp av XAML-ramverket. Med stilar kan du ange kontrollegenskaper och återanvända dessa inställningar för ett konsekvent utseende över flera kontroller.

Hämta WinUI

Vissa kontroller är endast tillgängliga i WinUI, ett NuGet-paket som innehåller nya kontroller och gränssnittsfunktioner. Information om hur du hämtar det finns i WinUI-översikt och installationsanvisningar.

Alfabetiskt index

Detaljerad information om specifika kontroller och mönster.

• animerad ikon
• Animerad visuell spelare (se Lottie)
• automatskt förslagsfönster
• Breadcrumbbar
• knapp
• Kalenderdatumväljare
• Kalendervy
• kryssruta
• färgväljare
• kombinationsruta
• kommandofält
• utfällbara kommandofältet
• Kontaktkort
• Dialogrutan innehåll
• länk till innehåll
• Kontextmeny
• datumväljare
• dialogrutor och utfällningsmenyer
• rullgardinsknapp
• Expander
• Vänd vy
• Utrullningsmeny
• Forms (mönster)
• Rutnätsvy
• hyperlänk
• hyperlänksknappen
• Bilder och bildborstar
• infofält
• pennanteckningskontroller
• lista/detaljer (mönster)
• Listvy
• Kartkontroll
• Medieuppspelning
• menyrad

• flyout-meny
• navigeringsvy
• nummerruta
• Parallax-vy
• lösenordsruta
• Personbild
• Pips pager
• förloppsindikator
• Förloppsring
• alternativknapp
• Omdömeskontroll
• Upprepa-knappen
• Rik redigeringsruta
• RTF-block
• Rullningslistvisningsprogram
• semantisk zoom
• Former
• Skjutreglage
• Split-knapp
• Delningsvy
• svepkontroll
• tabbvy
• Undervisningstips
• Textblock
• textruta
• Tidsväljare
• Växla växel
• Växla knapp
• Växla delningsknapp
• Verktygstips
• trädvy
• vy med två fönster
• webbläsarvy

WinUI-galleri

Hämta WinUI-galleriet appar från Microsoft Store för att se XAML-kontroller och Fluent Design System i praktiken. WinUI 3 Gallery och WinUI 2 Gallery-appar innehåller interaktiva exempel på de flesta WinUI 3- och WinUI 2-kontroller, funktioner och funktioner. Apparna är en interaktiv följeslagare till den här webbplatsen. När du har installerat dem kan du använda länkar på enskilda kontrollsidor för att starta appen och se kontrollen i praktiken.

• Hämta WinUI 3 Gallery och WinUI 2 Gallery från Microsoft Store.
• Hämta källkoden för båda från GitHub- (använd main-grenen för WinUI 3 och winui2-grenen för WinUI 2).

Ytterligare kontroller

Ytterligare kontroller för Windows-utveckling är tillgängliga från företag som Telerik, SyncFusion, DevExpress, Infragistics, ComponentOneoch ActiPro. Dessa kontroller ger ytterligare stöd för företags- och .NET-utvecklare genom att utöka standardsystemkontrollerna med anpassade kontroller och tjänster.