WinUI 2.0
WinUI 2.0 is the first public release of WinUI (released October 2018).
WinUI is the easiest way to build great Fluent Design experiences for Windows.
It includes two NuGet packages:
Microsoft.UI.Xaml: Controls and Fluent Design for UWP apps. This is the main WinUI package.
Microsoft.UI.Xaml.Core.Direct: Low-level APIs for use in middleware components.
You can download and use WinUI packages in your app using the NuGet package manager: see Getting Started with WinUI for more information.
WinUI is hosted on GitHub where we encourage you to file bug reports, feature requests and community code contributions.
Microsoft.UI.Xaml 2.0.181011001
October 2018
This is the first release of the Microsoft.UI.Xaml NuGet package. It includes official native Fluent controls and features for Windows UWP apps.
New Features
Controls and patterns in this release include:
| Feature | Description |
|---|---|
| AcrylicBrush | Paints an area with a semi-transparent material that uses multiple effects including blur and a noise texture. |
| BitmapIconSource | Represents an icon source that uses a bitmap as its content. |
| ColorPicker | Represents a control that lets a user pick a color using a color spectrum, sliders, and text input. |
| CommandBarFlyout | Represents a specialized flyout that provides layout for AppBarButton and related command elements. |
| DropDownButton | Represents a button with a chevron intended to open a menu. |
| FontIconSource | Represents an icon source that uses a glyph from the specified font. |
| MenuBar | Represents a specialized container that presents a set of menus in a horizontal row, typically at the top of an app window. |
| MenuBarItem | Represents a top-level menu in a MenuBar control. |
| NavigationView | Represents a container that enables navigation of app content. It has a header, a view for the main content, and a menu pane for navigation commands. |
| ParallaxView | Represents a container that ties the scroll position of a foreground element, such as a list, to a background element, such as an image. As you scroll through the foreground element, it animates the background element to create a parallax effect. |
| PersonPicture | Represents a control that displays the avatar image for a person, if one is available; if not, it displays the person's initials or a generic glyph. |
| RatingControl | Represents a control that lets a user enter a star rating. |
| RefreshContainer | Represents a container control that provides a RefreshVisualizer and pull-to-refresh functionality for scrollable content. |
| RefreshVisualizer | Represents a control that provides animated state indicators for content refresh. |
| RevealBackgroundBrush | Paints a control background with a reveal effect using composition brush and light effects. |
| RevealBorderBrush | Paints a control border with a reveal effect using composition brush and light effects. |
| RevealBrush | Base class for brushes that use composition effects and lighting to implement the reveal visual design treatment. |
| SplitButton | Represents a button with two parts that can be invoked separately. One part behaves like a standard button and the other part invokes a flyout. |
| SwipeControl | Represents a container that provides access to contextual commands through touch interactions. |
| SymbolIconSource | Represents an icon source that uses a glyph from the Segoe MDL2 Assets font as its content. |
| TextCommandBarFlyout | Represents a specialized command bar flyout that contains commands for editing text. |
| ToggleSplitButton | Represents a button with two parts that can be invoked separately. One part behaves like a toggle button and the other part invokes a flyout. |
| TreeView | Represents a hierarchical list with expanding and collapsing nodes that contain nested items. |
Examples
Tip
For more info, design guidance, and code examples, see Design and code Windows apps.
The WinUI 3 Gallery and WinUI 2 Gallery apps include interactive examples of most WinUI 3 and WinUI 2 controls, features, and functionality.
If installed already, open them by clicking the following links: WinUI 3 Gallery or WinUI 2 Gallery.
If they are not installed, you can download the WinUI 3 Gallery and the WinUI 2 Gallery from the Microsoft Store.
You can also get the source code for both from GitHub (use the main branch for WinUI 3 and the winui2 branch for WinUI 2).
Documentation
How-to articles for WinUI controls are included with the Universal Windows Platform controls documentation.
API reference docs are located here: WinUI APIs.
Windows developer