Controls, layouts, and text

Controls, layouts, and text

[ Updated for UWP apps on Windows 10. For Windows 8.x articles, see the archive ]

Learn how to choose the right UI surfaces for your app, how to layout your app, and how to add controls and content for you app's UI.

The topics in this section focus on how to create the UI for your app. But a great UI starts with a great design, so be sure to check out our design guidance before you begin. Introduction to Universal Windows Platform (UWP) apps for designers is a great place to start. It has the essential information you should understand when starting on your app UI.

If you're ready to create your app UI, jump in with these topics.

In this section


Create a UI with XAML

Extensible Application Markup Language (XAML) is a declarative language that you can use to create application UI such as controls, shapes, text, and other content presented on the screen.

Define layouts with XAML

XAML gives you a flexible layout system that lets you use automatic sizing, layout panels, visual states, and even separate UI definitions, to create a responsive UI. With a flexible design, you can make your app look great on screens with different app window sizes, resolutions, pixel densities, and orientations.

Add controls and handle events

You create the UI for your app by using controls such as buttons, text boxes, and combo boxes to display data and get user input. Here, we show you how to add controls to your app.

Display and edit text

The XAML framework provides several controls for rendering, entering, and editing text, and a set of properties for formatting the text.

Styles and themes

Learn how to customize the appearance and behavior of controls by using custom styles and templates.




© 2019 Microsoft