Add WinUI control to UWP Application

Question

I am trying to use new WinUI toolkit TreeView/TeachingTip/... control to my UWP Application. I have added the references Microsoft.UI.Xaml from Nudget packages.

<Page 
    x:Class="UWPInVS2019.Login"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UWPInVS2019"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:WinCon="using:Microsoft.UI.Xaml.Controls"
    mc:Ignorable="d" 
>
<Grid>
<Button />
<WinCon:TeachingTip/>
</Grid>

I am getting the below error message

Does the following works?

Nico Zhu
– Nico Zhu

2020-04-29 13:39:05 +00:00
Commented Apr 29, 2020 at 13:39 — Nico Zhu
– Nico Zhu, Commented Apr 29, 2020 at 13:39

Nico Zhu · Accepted Answer · 2020-04-28 09:27:16Z

2

The problem is that you miss adding XamlControlsResources to the UWP project App.xaml file. Please add the following xaml code into App.xaml file.

<Application>
    <Application.Resources>
        <XamlControlsResources xmlns="using:Microsoft.UI.Xaml.Controls" />
    </Application.Resources>
</Application>

For more detail, please refer WinUI official tutorial.

edited Apr 28, 2020 at 9:27

answered Apr 28, 2020 at 9:21

Nico Zhu

32.9k2 gold badges18 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

sridhar patro Over a year ago

I have added the XamlControlsResources to App.Xaml .Its works Fine now.

sridhar patro Over a year ago

If I add the XamlControlResources in app.xaml the default styles of controls(Button ) of UWP application get updated to WinUI controls styles(i.e rounded corner). Without adding the XamlControlResources to App.Xaml Is there any way to add extra controls(teaching tip/treeView) of WinUI to UWP application. My aim is to use the UWP controls and use the extra controls that where used in WinUI.

Nico Zhu Over a year ago

TreeView available in 1809, if we edit the min target version to 1809, you could use TreeView directly.

nam Over a year ago

@NicoZhu-MSFT I have similar issue posted here if you have some time for a suggestion/comment.

Collectives™ on Stack Overflow

Add WinUI control to UWP Application

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related