4일차. C++/WinRT 프로젝트에 WinUI 적용하기

NuGet 패키지 관리 검색

   이번 글에서는 이전 글에서 설명드린 WinUI를 프로젝트에 적용하는 방법을 설명드리겠습니다. 먼저 프로젝트 -> NuGet 패키지 관리로 들어가 줍니다. 그리고 찾아보기에서 Microsoft.UI.Xaml 을 검색하여 설치합니다. 현재 버전은 2.5.0입니다. 설치가 다 끝나셨으면 다음으로는 App.xaml 파일을 엽니다.

 

 

App.xaml

   App.xaml 파일에는 응용 프로그램에 대한 설정이 들어가는데, 이 Application 태그 안에 Application.Resources라는 태그를 추가해 줍시다. 코드는 아래와 같습니다. 아래 코드를 추가하면 WinUI를 본격적으로 사용할 수 있게 됩니다. 다시 빌드를 해주면 pch.h에 Microsoft.UI.Xaml 헤더들이 포함된 것을 확인할 수 있습니다.

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

 

MainPage.xaml

   이제 MainPage.xaml 파일로 들어가 사용해 봅시다. 먼저 네임스페이스를 설정해 줍시다. Page 태그의 속성에 xmlns:muxc="using:Microsoft.UI.xaml.Controls"를 추가해 준 다음 WinUI의 NavigationView를 사용하는 코드가 이하의 코드입니다.

<!-- xmlns:muxc="using:Microsoft.UI.Xaml.Controls" 속성 추가 -->

<muxc:NavigationView PaneTitle="Welcome">
    <TextBlock Text="Hello, World!" VerticalAlignment="Center" HorizontalAlignment="Center" Style="{StaticResource TitleTextBlockStyle}"/>
</muxc:NavigationView>

 

실행결과

   네. 잘 동작합니다.

 

 

 

혹시 에러가 날 경우 pch.h 파일에 이하 내용을 포함해보시길 바랍니다.

#include "winrt/Microsoft.UI.Xaml.Automation.Peers.h"
#include "winrt/Microsoft.UI.Xaml.Controls.h"
#include "winrt/Microsoft.UI.Xaml.Controls.Primitives.h"
#include "winrt/Microsoft.UI.Xaml.Media.h"
#include "winrt/Microsoft.UI.Xaml.XamlTypeInfo.h"

 

참고

docs.microsoft.com/ko-kr/windows/uwp/cpp-and-winrt-apis/simple-winui-example

간단한 C++/WinRT Windows UI 라이브러리 예제 - UWP applications