Overzicht van de gebruikersinterface

Het bouwen van een geweldige Windows app betekent het maken van een gebruikersinterface die intuïtief, responsief en visueel professioneel is. Het Windows-platform biedt een uitgebreide set ui-bouwstenen, van kant-en-klare besturingselementen en flexibele indelingssystemen tot vloeiende animaties en venster-API's, zodat u ervaringen kunt maken die zich direct thuis voelen in Windows.

Zie het ontwerpoverzicht voor ontwerpprincipes, patronen en visuele richtlijnen.

Controles

Windows biedt een uitgebreide bibliotheek met UI-besturingselementen die de Fluent Design-taal volgen. Van basisbesturingselementen voor invoer, zoals knoppen, selectievakjes en tekstvakken tot geavanceerde verzamelingsweergaven, dialoogvensters, menu's en kiezers. Deze besturingselementen bieden u de bouwstenen voor elke app-interface.

Begin met besturingselementen

Indeling

Met indelingspanelen en gekoppelde indelingen kunt u UI-elementen op een manier rangschikken die zich aanpast aan verschillende schermgrootten en afdrukstanden. Gebruik ingebouwde panelen zoals StackPanel, Grid en RelativePanel of maak aangepaste panelen voor gespecialiseerde scenario's. Transformaties en 3D-perspectiefeffecten bieden meer flexibiliteit.

Meer informatie over indelingspanelen

Navigation

Help gebruikers door uw app navigeren met navigatiepatronen zoals navigatie teruggaan, navigatiegeschiedenis en pagina-overgangen. Gebruik navigatiebesturingselementen zoals NavigationView, BreadcrumbBar en TabView om duidelijke, consistente navigatiestructuren te maken.

Navigatie verkennen

Motion

Beweging brengt uw app tot leven en creëert een gevoel van continuïteit wanneer gebruikers ermee werken. Gebruik paginaovergangen, verbonden animaties, parallax-effecten en XAML-animaties om visuele feedback te geven en aandacht te geven.

Beweging verkennen

Windowing

Met de venster-API's kunt u app-vensters beheren, titelbalken aanpassen en bepalen hoe uw app op het scherm wordt weergegeven. Gebruik de AppWindow-klasse en gerelateerde API's om ervaringen met meerdere vensters te maken, volledig scherm te gaan of compacte overlays te implementeren.

Meer informatie over vensters