Color

日々の備忘録

NavigationViewのページ追加

2022年03月09日 11時42分45秒 | Windows

◆Windows UI (WinUI) ライブラリ ツールキットプロジェクトのナビゲーションビューでのページ追加手順

 

1.準備

●OS:Windows 10 Pro Version 21H1
●IDE:Visual Studio Community 2022 Version 17.1.1

 

2.新しいプロジェクトの作成

ここの記事を参考にプロジェクトを作成

 

3.ページ追加

ソリューションエクスプローラーのプロジェクトを右クリック

<追加(A)> → <新しい項目(W)> を選択

<Visual C#アイテム> → <WinUI> → <空白のページ(WinUI)> → <名前(N)>

PageA.xaml を入力

<追加(A)> をクリック

 

4.PageA.xaml のコード

<Page
    x:Class="MyWinUICSharpNavigationView.PageA"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:MyWinUICSharpNavigationView"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

   <Grid>
       <TextBlock>
            ページA
        </TextBlock>
    </Grid>
</Page>

5.さらにページ追加

PageA.xaml同様に、PageB.xaml, PageC.xaml を追加する

─以上─