├── .gitattributes ├── .gitignore ├── README.md ├── WinUI3NavigationExample.sln ├── WinUI3NavigationExample ├── WinUI3NavigationExample (Package) │ ├── Images │ │ ├── LockScreenLogo.scale-200.png │ │ ├── SplashScreen.scale-200.png │ │ ├── Square150x150Logo.scale-200.png │ │ ├── Square44x44Logo.scale-200.png │ │ ├── Square44x44Logo.targetsize-24_altform-unplated.png │ │ ├── StoreLogo.png │ │ └── Wide310x150Logo.scale-200.png │ ├── Package.appxmanifest │ └── WinUI3NavigationExample (Package).wapproj └── WinUI3NavigationExample │ ├── App.xaml │ ├── App.xaml.cs │ ├── Assets │ └── Square44x44Logo.png │ ├── MainWindow.xaml │ ├── MainWindow.xaml.cs │ ├── Views │ ├── HomePage.xaml │ ├── HomePage.xaml.cs │ ├── SettingsPage.xaml │ └── SettingsPage.xaml.cs │ ├── WinUI3NavigationExample.csproj │ └── app.manifest └── docs └── images └── img1.png /.gitattributes: -------------------------------------------------------------------------------- 1 | ############################################################################### 2 | # Set default behavior to automatically normalize line endings. 3 | ############################################################################### 4 | * text=auto 5 | 6 | ############################################################################### 7 | # Set default behavior for command prompt diff. 8 | # 9 | # This is need for earlier builds of msysgit that does not have it on by 10 | # default for csharp files. 11 | # Note: This is only used by command line 12 | ############################################################################### 13 | #*.cs diff=csharp 14 | 15 | ############################################################################### 16 | # Set the merge driver for project and solution files 17 | # 18 | # Merging from the command prompt will add diff markers to the files if there 19 | # are conflicts (Merging from VS is not affected by the settings below, in VS 20 | # the diff markers are never inserted). Diff markers may cause the following 21 | # file extensions to fail to load in VS. An alternative would be to treat 22 | # these files as binary and thus will always conflict and require user 23 | # intervention with every merge. To do so, just uncomment the entries below 24 | ############################################################################### 25 | #*.sln merge=binary 26 | #*.csproj merge=binary 27 | #*.vbproj merge=binary 28 | #*.vcxproj merge=binary 29 | #*.vcproj merge=binary 30 | #*.dbproj merge=binary 31 | #*.fsproj merge=binary 32 | #*.lsproj merge=binary 33 | #*.wixproj merge=binary 34 | #*.modelproj merge=binary 35 | #*.sqlproj merge=binary 36 | #*.wwaproj merge=binary 37 | 38 | ############################################################################### 39 | # behavior for image files 40 | # 41 | # image files are treated as binary by default. 42 | ############################################################################### 43 | #*.jpg binary 44 | #*.png binary 45 | #*.gif binary 46 | 47 | ############################################################################### 48 | # diff behavior for common document formats 49 | # 50 | # Convert binary document formats to text before diffing them. This feature 51 | # is only available from the command line. Turn it on by uncommenting the 52 | # entries below. 53 | ############################################################################### 54 | #*.doc diff=astextplain 55 | #*.DOC diff=astextplain 56 | #*.docx diff=astextplain 57 | #*.DOCX diff=astextplain 58 | #*.dot diff=astextplain 59 | #*.DOT diff=astextplain 60 | #*.pdf diff=astextplain 61 | #*.PDF diff=astextplain 62 | #*.rtf diff=astextplain 63 | #*.RTF diff=astextplain 64 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | ## 4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore 5 | 6 | # User-specific files 7 | *.rsuser 8 | *.suo 9 | *.user 10 | *.userosscache 11 | *.sln.docstates 12 | 13 | # User-specific files (MonoDevelop/Xamarin Studio) 14 | *.userprefs 15 | 16 | # Mono auto generated files 17 | mono_crash.* 18 | 19 | # Build results 20 | [Dd]ebug/ 21 | [Dd]ebugPublic/ 22 | [Rr]elease/ 23 | [Rr]eleases/ 24 | x64/ 25 | x86/ 26 | [Ww][Ii][Nn]32/ 27 | [Aa][Rr][Mm]/ 28 | [Aa][Rr][Mm]64/ 29 | bld/ 30 | [Bb]in/ 31 | [Oo]bj/ 32 | [Oo]ut/ 33 | [Ll]og/ 34 | [Ll]ogs/ 35 | 36 | # Visual Studio 2015/2017 cache/options directory 37 | .vs/ 38 | # Uncomment if you have tasks that create the project's static files in wwwroot 39 | #wwwroot/ 40 | 41 | # Visual Studio 2017 auto generated files 42 | Generated\ Files/ 43 | 44 | # MSTest test Results 45 | [Tt]est[Rr]esult*/ 46 | [Bb]uild[Ll]og.* 47 | 48 | # NUnit 49 | *.VisualState.xml 50 | TestResult.xml 51 | nunit-*.xml 52 | 53 | # Build Results of an ATL Project 54 | [Dd]ebugPS/ 55 | [Rr]eleasePS/ 56 | dlldata.c 57 | 58 | # Benchmark Results 59 | BenchmarkDotNet.Artifacts/ 60 | 61 | # .NET Core 62 | project.lock.json 63 | project.fragment.lock.json 64 | artifacts/ 65 | 66 | # ASP.NET Scaffolding 67 | ScaffoldingReadMe.txt 68 | 69 | # StyleCop 70 | StyleCopReport.xml 71 | 72 | # Files built by Visual Studio 73 | *_i.c 74 | *_p.c 75 | *_h.h 76 | *.ilk 77 | *.meta 78 | *.obj 79 | *.iobj 80 | *.pch 81 | *.pdb 82 | *.ipdb 83 | *.pgc 84 | *.pgd 85 | *.rsp 86 | *.sbr 87 | *.tlb 88 | *.tli 89 | *.tlh 90 | *.tmp 91 | *.tmp_proj 92 | *_wpftmp.csproj 93 | *.log 94 | *.vspscc 95 | *.vssscc 96 | .builds 97 | *.pidb 98 | *.svclog 99 | *.scc 100 | 101 | # Chutzpah Test files 102 | _Chutzpah* 103 | 104 | # Visual C++ cache files 105 | ipch/ 106 | *.aps 107 | *.ncb 108 | *.opendb 109 | *.opensdf 110 | *.sdf 111 | *.cachefile 112 | *.VC.db 113 | *.VC.VC.opendb 114 | 115 | # Visual Studio profiler 116 | *.psess 117 | *.vsp 118 | *.vspx 119 | *.sap 120 | 121 | # Visual Studio Trace Files 122 | *.e2e 123 | 124 | # TFS 2012 Local Workspace 125 | $tf/ 126 | 127 | # Guidance Automation Toolkit 128 | *.gpState 129 | 130 | # ReSharper is a .NET coding add-in 131 | _ReSharper*/ 132 | *.[Rr]e[Ss]harper 133 | *.DotSettings.user 134 | 135 | # TeamCity is a build add-in 136 | _TeamCity* 137 | 138 | # DotCover is a Code Coverage Tool 139 | *.dotCover 140 | 141 | # AxoCover is a Code Coverage Tool 142 | .axoCover/* 143 | !.axoCover/settings.json 144 | 145 | # Coverlet is a free, cross platform Code Coverage Tool 146 | coverage*.json 147 | coverage*.xml 148 | coverage*.info 149 | 150 | # Visual Studio code coverage results 151 | *.coverage 152 | *.coveragexml 153 | 154 | # NCrunch 155 | _NCrunch_* 156 | .*crunch*.local.xml 157 | nCrunchTemp_* 158 | 159 | # MightyMoose 160 | *.mm.* 161 | AutoTest.Net/ 162 | 163 | # Web workbench (sass) 164 | .sass-cache/ 165 | 166 | # Installshield output folder 167 | [Ee]xpress/ 168 | 169 | # DocProject is a documentation generator add-in 170 | DocProject/buildhelp/ 171 | DocProject/Help/*.HxT 172 | DocProject/Help/*.HxC 173 | DocProject/Help/*.hhc 174 | DocProject/Help/*.hhk 175 | DocProject/Help/*.hhp 176 | DocProject/Help/Html2 177 | DocProject/Help/html 178 | 179 | # Click-Once directory 180 | publish/ 181 | 182 | # Publish Web Output 183 | *.[Pp]ublish.xml 184 | *.azurePubxml 185 | # Note: Comment the next line if you want to checkin your web deploy settings, 186 | # but database connection strings (with potential passwords) will be unencrypted 187 | *.pubxml 188 | *.publishproj 189 | 190 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 191 | # checkin your Azure Web App publish settings, but sensitive information contained 192 | # in these scripts will be unencrypted 193 | PublishScripts/ 194 | 195 | # NuGet Packages 196 | *.nupkg 197 | # NuGet Symbol Packages 198 | *.snupkg 199 | # The packages folder can be ignored because of Package Restore 200 | **/[Pp]ackages/* 201 | # except build/, which is used as an MSBuild target. 202 | !**/[Pp]ackages/build/ 203 | # Uncomment if necessary however generally it will be regenerated when needed 204 | #!**/[Pp]ackages/repositories.config 205 | # NuGet v3's project.json files produces more ignorable files 206 | *.nuget.props 207 | *.nuget.targets 208 | 209 | # Microsoft Azure Build Output 210 | csx/ 211 | *.build.csdef 212 | 213 | # Microsoft Azure Emulator 214 | ecf/ 215 | rcf/ 216 | 217 | # Windows Store app package directories and files 218 | AppPackages/ 219 | BundleArtifacts/ 220 | Package.StoreAssociation.xml 221 | _pkginfo.txt 222 | *.appx 223 | *.appxbundle 224 | *.appxupload 225 | 226 | # Visual Studio cache files 227 | # files ending in .cache can be ignored 228 | *.[Cc]ache 229 | # but keep track of directories ending in .cache 230 | !?*.[Cc]ache/ 231 | 232 | # Others 233 | ClientBin/ 234 | ~$* 235 | *~ 236 | *.dbmdl 237 | *.dbproj.schemaview 238 | *.jfm 239 | *.pfx 240 | *.publishsettings 241 | orleans.codegen.cs 242 | 243 | # Including strong name files can present a security risk 244 | # (https://github.com/github/gitignore/pull/2483#issue-259490424) 245 | #*.snk 246 | 247 | # Since there are multiple workflows, uncomment next line to ignore bower_components 248 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 249 | #bower_components/ 250 | 251 | # RIA/Silverlight projects 252 | Generated_Code/ 253 | 254 | # Backup & report files from converting an old project file 255 | # to a newer Visual Studio version. Backup files are not needed, 256 | # because we have git ;-) 257 | _UpgradeReport_Files/ 258 | Backup*/ 259 | UpgradeLog*.XML 260 | UpgradeLog*.htm 261 | ServiceFabricBackup/ 262 | *.rptproj.bak 263 | 264 | # SQL Server files 265 | *.mdf 266 | *.ldf 267 | *.ndf 268 | 269 | # Business Intelligence projects 270 | *.rdl.data 271 | *.bim.layout 272 | *.bim_*.settings 273 | *.rptproj.rsuser 274 | *- [Bb]ackup.rdl 275 | *- [Bb]ackup ([0-9]).rdl 276 | *- [Bb]ackup ([0-9][0-9]).rdl 277 | 278 | # Microsoft Fakes 279 | FakesAssemblies/ 280 | 281 | # GhostDoc plugin setting file 282 | *.GhostDoc.xml 283 | 284 | # Node.js Tools for Visual Studio 285 | .ntvs_analysis.dat 286 | node_modules/ 287 | 288 | # Visual Studio 6 build log 289 | *.plg 290 | 291 | # Visual Studio 6 workspace options file 292 | *.opt 293 | 294 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.) 295 | *.vbw 296 | 297 | # Visual Studio LightSwitch build output 298 | **/*.HTMLClient/GeneratedArtifacts 299 | **/*.DesktopClient/GeneratedArtifacts 300 | **/*.DesktopClient/ModelManifest.xml 301 | **/*.Server/GeneratedArtifacts 302 | **/*.Server/ModelManifest.xml 303 | _Pvt_Extensions 304 | 305 | # Paket dependency manager 306 | .paket/paket.exe 307 | paket-files/ 308 | 309 | # FAKE - F# Make 310 | .fake/ 311 | 312 | # CodeRush personal settings 313 | .cr/personal 314 | 315 | # Python Tools for Visual Studio (PTVS) 316 | __pycache__/ 317 | *.pyc 318 | 319 | # Cake - Uncomment if you are using it 320 | # tools/** 321 | # !tools/packages.config 322 | 323 | # Tabs Studio 324 | *.tss 325 | 326 | # Telerik's JustMock configuration file 327 | *.jmconfig 328 | 329 | # BizTalk build output 330 | *.btp.cs 331 | *.btm.cs 332 | *.odx.cs 333 | *.xsd.cs 334 | 335 | # OpenCover UI analysis results 336 | OpenCover/ 337 | 338 | # Azure Stream Analytics local run output 339 | ASALocalRun/ 340 | 341 | # MSBuild Binary and Structured Log 342 | *.binlog 343 | 344 | # NVidia Nsight GPU debugger configuration file 345 | *.nvuser 346 | 347 | # MFractors (Xamarin productivity tool) working folder 348 | .mfractor/ 349 | 350 | # Local History for Visual Studio 351 | .localhistory/ 352 | 353 | # BeatPulse healthcheck temp database 354 | healthchecksdb 355 | 356 | # Backup folder for Package Reference Convert tool in Visual Studio 2017 357 | MigrationBackup/ 358 | 359 | # Ionide (cross platform F# VS Code tools) working folder 360 | .ionide/ 361 | 362 | # Fody - auto-generated XML schema 363 | FodyWeavers.xsd -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # WinUI 3 Navigation Example 2 | 3 | ## Introduction 4 | 5 | Example of a WinUI 3 NavigationView application using the Windows 11 styles. 6 | On Windows 11 this should look identical to a comparable WinUI 2 UWP app. 7 | 8 | Updated to WindowsAppSDK 1.3 where Mica style and a custom TitleBar are now very easy to use. 9 | If you need to use an older version check the WindowsAppSDK-1.1 branch 10 | 11 | ![Screenshot](docs/images/img1.png) 12 | 13 | ## How It Works 14 | 15 | > [!IMPORTANT] 16 | > Updated to WindowsAppSDK 1.3 where Mica style and a custom TitleBar are now very easy to use. 17 | > If you need to use an older version check the WindowsAppSDK-1.1 branch 18 | 19 | ### Style 20 | As of WindowsAppSDK 1.3 Mica styles are much easier. We can now use SystemBackdrop to enable Mica. 21 | The SetTitleBar method has also been fixed so that we no longer need to use WinRT Interop for our custom title bar. 22 | 23 | #### Mica 24 | [Mica Documentation](https://learn.microsoft.com/en-us/windows/apps/design/style/mica#how-to-use-mica) 25 | 26 | Mica can be enabled by using SystemBackdrop in either the c# or xaml of the MainWindow. Both have been used in this example. 27 | 28 | In MainWindow.xaml.cs 29 | ```c# 30 | public MainWindow() 31 | { 32 | ... 33 | SystemBackdrop = new MicaBackdrop() 34 | { Kind = MicaKind.Base }; 35 | ``` 36 | Or in MainWindow.xaml 37 | ```xaml 38 | 39 | 40 | 41 | ``` 42 | 43 | #### Custom TitleBar 44 | [Custom TitleBar Documentation](https://learn.microsoft.com/en-us/windows/apps/develop/title-bar?tabs=winui3) 45 | 46 | ```c# 47 | public MainWindow() 48 | { 49 | ... 50 | 51 | ExtendsContentIntoTitleBar = true; 52 | SetTitleBar(AppTitleBar); 53 | } 54 | ``` 55 | 56 | We can then create space for a title bar in App.xaml 57 | ```xaml 58 | 0,48,0,0 59 | ``` 60 | And make the title bar transparent 61 | ```xaml 62 | Transparent 63 | Transparent 64 | ``` 65 | 66 | ### Navigation 67 | 68 | A simple navigation example is provided in the MainWindow files. This is based on the documentation but simplified somewhat by including the full addess of each page in the NavigationViewItem's Tag. 69 | ```xaml 70 | 71 | ``` 72 | 73 | 74 | -------------------------------------------------------------------------------- /WinUI3NavigationExample.sln: -------------------------------------------------------------------------------- 1 |  2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio Version 17 4 | VisualStudioVersion = 17.1.31903.286 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{C7167F0D-BC9F-4E6E-AFE1-012C56B48DB5}") = "WinUI3NavigationExample (Package)", "WinUI3NavigationExample\WinUI3NavigationExample (Package)\WinUI3NavigationExample (Package).wapproj", "{539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}" 7 | EndProject 8 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "WinUI3NavigationExample", "WinUI3NavigationExample\WinUI3NavigationExample\WinUI3NavigationExample.csproj", "{52FD6A10-2568-496A-A946-166A424FBAA4}" 9 | EndProject 10 | Global 11 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 12 | Debug|arm64 = Debug|arm64 13 | Debug|x64 = Debug|x64 14 | Debug|x86 = Debug|x86 15 | Release|arm64 = Release|arm64 16 | Release|x64 = Release|x64 17 | Release|x86 = Release|x86 18 | EndGlobalSection 19 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 20 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|arm64.ActiveCfg = Debug|arm64 21 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|arm64.Build.0 = Debug|arm64 22 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|arm64.Deploy.0 = Debug|arm64 23 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|x64.ActiveCfg = Debug|x64 24 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|x64.Build.0 = Debug|x64 25 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|x64.Deploy.0 = Debug|x64 26 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|x86.ActiveCfg = Debug|x86 27 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|x86.Build.0 = Debug|x86 28 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Debug|x86.Deploy.0 = Debug|x86 29 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|arm64.ActiveCfg = Release|arm64 30 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|arm64.Build.0 = Release|arm64 31 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|arm64.Deploy.0 = Release|arm64 32 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|x64.ActiveCfg = Release|x64 33 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|x64.Build.0 = Release|x64 34 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|x64.Deploy.0 = Release|x64 35 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|x86.ActiveCfg = Release|x86 36 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|x86.Build.0 = Release|x86 37 | {539110B1-8E6C-4BDB-9EAB-C5BE711D8FB9}.Release|x86.Deploy.0 = Release|x86 38 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Debug|arm64.ActiveCfg = Debug|arm64 39 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Debug|arm64.Build.0 = Debug|arm64 40 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Debug|x64.ActiveCfg = Debug|x64 41 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Debug|x64.Build.0 = Debug|x64 42 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Debug|x86.ActiveCfg = Debug|x86 43 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Debug|x86.Build.0 = Debug|x86 44 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Release|arm64.ActiveCfg = Release|arm64 45 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Release|arm64.Build.0 = Release|arm64 46 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Release|x64.ActiveCfg = Release|x64 47 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Release|x64.Build.0 = Release|x64 48 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Release|x86.ActiveCfg = Release|x86 49 | {52FD6A10-2568-496A-A946-166A424FBAA4}.Release|x86.Build.0 = Release|x86 50 | EndGlobalSection 51 | GlobalSection(SolutionProperties) = preSolution 52 | HideSolutionNode = FALSE 53 | EndGlobalSection 54 | GlobalSection(ExtensibilityGlobals) = postSolution 55 | SolutionGuid = {07983BA0-AEF7-4143-98E6-4D2435E5D0F1} 56 | EndGlobalSection 57 | EndGlobal 58 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/LockScreenLogo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/LockScreenLogo.scale-200.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/SplashScreen.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/SplashScreen.scale-200.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Square150x150Logo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Square150x150Logo.scale-200.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Square44x44Logo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Square44x44Logo.scale-200.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Square44x44Logo.targetsize-24_altform-unplated.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Square44x44Logo.targetsize-24_altform-unplated.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/StoreLogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/StoreLogo.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Wide310x150Logo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample (Package)/Images/Wide310x150Logo.scale-200.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/Package.appxmanifest: -------------------------------------------------------------------------------- 1 |  2 | 3 | 8 | 9 | 13 | 14 | 15 | WinUI3NavigationExample (Package) 16 | Lewis 17 | Images\StoreLogo.png 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample (Package)/WinUI3NavigationExample (Package).wapproj: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15.0 5 | 6 | 7 | 8 | Debug 9 | x86 10 | 11 | 12 | Release 13 | x86 14 | 15 | 16 | Debug 17 | x64 18 | 19 | 20 | Release 21 | x64 22 | 23 | 24 | Debug 25 | arm64 26 | 27 | 28 | Release 29 | arm64 30 | 31 | 32 | 33 | $(MSBuildExtensionsPath)\Microsoft\DesktopBridge\ 34 | WinUI3NavigationExample\ 35 | 36 | 37 | 38 | 539110b1-8e6c-4bdb-9eab-c5be711d8fb9 39 | 10.0.22000.0 40 | 10.0.17763.0 41 | net5.0-windows$(TargetPlatformVersion);$(AssetTargetFallback) 42 | en-US 43 | True 44 | ..\WinUI3NavigationExample\WinUI3NavigationExample.csproj 45 | False 46 | WinUI3NavigationExample %28Package%29_TemporaryKey.pfx 47 | SHA256 48 | True 49 | True 50 | x86|x64 51 | 0 52 | 53 | 54 | Always 55 | 56 | 57 | Always 58 | 59 | 60 | Always 61 | 62 | 63 | Always 64 | 65 | 66 | Always 67 | 68 | 69 | Always 70 | 71 | 72 | 73 | Designer 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | True 89 | Properties\PublishProfiles\win10-$(Platform).pubxml 90 | 91 | 92 | 93 | 94 | build 95 | 96 | 97 | build 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/App.xaml: -------------------------------------------------------------------------------- 1 |  6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | Transparent 14 | Transparent 15 | 0,48,0,0 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/App.xaml.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.UI; 2 | using Microsoft.UI.Windowing; 3 | using Microsoft.UI.Xaml; 4 | using Microsoft.UI.Xaml.Controls; 5 | using Microsoft.UI.Xaml.Controls.Primitives; 6 | using Microsoft.UI.Xaml.Data; 7 | using Microsoft.UI.Xaml.Input; 8 | using Microsoft.UI.Xaml.Media; 9 | using Microsoft.UI.Xaml.Navigation; 10 | using Microsoft.UI.Xaml.Shapes; 11 | using System; 12 | using System.Collections.Generic; 13 | using System.IO; 14 | using System.Linq; 15 | using System.Runtime.InteropServices.WindowsRuntime; 16 | using Windows.ApplicationModel; 17 | using Windows.ApplicationModel.Activation; 18 | using Windows.Foundation; 19 | using Windows.Foundation.Collections; 20 | 21 | // To learn more about WinUI, the WinUI project structure, 22 | // and more about our project templates, see: http://aka.ms/winui-project-info. 23 | 24 | namespace WinUI3NavigationExample 25 | { 26 | /// 27 | /// Provides application-specific behavior to supplement the default Application class. 28 | /// 29 | public partial class App : Application 30 | { 31 | /// 32 | /// Initializes the singleton application object. This is the first line of authored code 33 | /// executed, and as such is the logical equivalent of main() or WinMain(). 34 | /// 35 | public App() 36 | { 37 | this.InitializeComponent(); 38 | } 39 | 40 | /// 41 | /// Invoked when the application is launched normally by the end user. Other entry points 42 | /// will be used such as when the application is launched to open a specific file. 43 | /// 44 | /// Details about the launch request and process. 45 | protected override void OnLaunched(Microsoft.UI.Xaml.LaunchActivatedEventArgs args) 46 | { 47 | m_window = new MainWindow(); 48 | m_window.Activate(); 49 | } 50 | 51 | private Window m_window; 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/Assets/Square44x44Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/WinUI3NavigationExample/WinUI3NavigationExample/Assets/Square44x44Logo.png -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/MainWindow.xaml: -------------------------------------------------------------------------------- 1 |  9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 22 | 23 | 24 | 25 | 26 | 33 | 39 | 40 | 41 | 42 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 61 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/MainWindow.xaml.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.UI.Composition.SystemBackdrops; 2 | using Microsoft.UI.Xaml; 3 | using Microsoft.UI.Xaml.Controls; 4 | using Microsoft.UI.Xaml.Controls.Primitives; 5 | using Microsoft.UI.Xaml.Data; 6 | using Microsoft.UI.Xaml.Input; 7 | using Microsoft.UI.Xaml.Media; 8 | using Microsoft.UI.Xaml.Navigation; 9 | using System; 10 | using System.Collections.Generic; 11 | using System.IO; 12 | using System.Linq; 13 | using System.Runtime.InteropServices.WindowsRuntime; 14 | using Windows.Foundation; 15 | using Windows.Foundation.Collections; 16 | 17 | // To learn more about WinUI, the WinUI project structure, 18 | // and more about our project templates, see: http://aka.ms/winui-project-info. 19 | 20 | namespace WinUI3NavigationExample 21 | { 22 | /// 23 | /// An empty window that can be used on its own or navigated to within a Frame. 24 | /// 25 | public sealed partial class MainWindow : Window 26 | { 27 | public MainWindow() 28 | { 29 | this.InitializeComponent(); 30 | 31 | NavigationViewControl.SelectedItem = NavigationViewControl.MenuItems.OfType().First(); 32 | ContentFrame.Navigate( 33 | typeof(Views.HomePage), 34 | null, 35 | new Microsoft.UI.Xaml.Media.Animation.EntranceNavigationTransitionInfo() 36 | ); 37 | 38 | SystemBackdrop = new MicaBackdrop() 39 | { Kind = MicaKind.Base }; 40 | 41 | ExtendsContentIntoTitleBar = true; 42 | SetTitleBar(AppTitleBar); 43 | } 44 | 45 | public string GetAppTitleFromSystem() 46 | { 47 | return Windows.ApplicationModel.Package.Current.DisplayName; 48 | } 49 | 50 | private void NavigationViewControl_ItemInvoked(NavigationView sender, 51 | NavigationViewItemInvokedEventArgs args) 52 | { 53 | if (args.IsSettingsInvoked == true) 54 | { 55 | ContentFrame.Navigate(typeof(Views.SettingsPage), null, args.RecommendedNavigationTransitionInfo); 56 | } 57 | else if (args.InvokedItemContainer != null && (args.InvokedItemContainer.Tag != null)) 58 | { 59 | Type newPage = Type.GetType(args.InvokedItemContainer.Tag.ToString()); 60 | ContentFrame.Navigate( 61 | newPage, 62 | null, 63 | args.RecommendedNavigationTransitionInfo 64 | ); 65 | } 66 | } 67 | 68 | private void NavigationViewControl_BackRequested(NavigationView sender, NavigationViewBackRequestedEventArgs args) 69 | { 70 | if (ContentFrame.CanGoBack) ContentFrame.GoBack(); 71 | } 72 | 73 | private void ContentFrame_Navigated(object sender, NavigationEventArgs e) 74 | { 75 | NavigationViewControl.IsBackEnabled = ContentFrame.CanGoBack; 76 | 77 | if (ContentFrame.SourcePageType == typeof(Views.SettingsPage)) 78 | { 79 | // SettingsItem is not part of NavView.MenuItems, and doesn't have a Tag. 80 | NavigationViewControl.SelectedItem = (NavigationViewItem)NavigationViewControl.SettingsItem; 81 | } 82 | else if (ContentFrame.SourcePageType != null) 83 | { 84 | NavigationViewControl.SelectedItem = NavigationViewControl.MenuItems 85 | .OfType() 86 | .First(n => n.Tag.Equals(ContentFrame.SourcePageType.FullName.ToString())); 87 | } 88 | 89 | NavigationViewControl.Header = ((NavigationViewItem)NavigationViewControl.SelectedItem)?.Content?.ToString(); 90 | } 91 | 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/Views/HomePage.xaml: -------------------------------------------------------------------------------- 1 |  9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/Views/HomePage.xaml.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.UI.Xaml; 2 | using Microsoft.UI.Xaml.Controls; 3 | using Microsoft.UI.Xaml.Controls.Primitives; 4 | using Microsoft.UI.Xaml.Data; 5 | using Microsoft.UI.Xaml.Input; 6 | using Microsoft.UI.Xaml.Media; 7 | using Microsoft.UI.Xaml.Navigation; 8 | using System; 9 | using System.Collections.Generic; 10 | using System.IO; 11 | using System.Linq; 12 | using System.Runtime.InteropServices.WindowsRuntime; 13 | using Windows.Foundation; 14 | using Windows.Foundation.Collections; 15 | 16 | // To learn more about WinUI, the WinUI project structure, 17 | // and more about our project templates, see: http://aka.ms/winui-project-info. 18 | 19 | namespace WinUI3NavigationExample.Views 20 | { 21 | /// 22 | /// An empty page that can be used on its own or navigated to within a Frame. 23 | /// 24 | public sealed partial class HomePage : Page 25 | { 26 | public HomePage() 27 | { 28 | this.InitializeComponent(); 29 | } 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/Views/SettingsPage.xaml: -------------------------------------------------------------------------------- 1 |  9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/Views/SettingsPage.xaml.cs: -------------------------------------------------------------------------------- 1 | using Microsoft.UI.Xaml; 2 | using Microsoft.UI.Xaml.Controls; 3 | using Microsoft.UI.Xaml.Controls.Primitives; 4 | using Microsoft.UI.Xaml.Data; 5 | using Microsoft.UI.Xaml.Input; 6 | using Microsoft.UI.Xaml.Media; 7 | using Microsoft.UI.Xaml.Navigation; 8 | using System; 9 | using System.Collections.Generic; 10 | using System.IO; 11 | using System.Linq; 12 | using System.Runtime.InteropServices.WindowsRuntime; 13 | using Windows.Foundation; 14 | using Windows.Foundation.Collections; 15 | 16 | // To learn more about WinUI, the WinUI project structure, 17 | // and more about our project templates, see: http://aka.ms/winui-project-info. 18 | 19 | namespace WinUI3NavigationExample.Views 20 | { 21 | /// 22 | /// An empty page that can be used on its own or navigated to within a Frame. 23 | /// 24 | public sealed partial class SettingsPage : Page 25 | { 26 | public SettingsPage() 27 | { 28 | this.InitializeComponent(); 29 | } 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/WinUI3NavigationExample.csproj: -------------------------------------------------------------------------------- 1 | 2 | 3 | WinExe 4 | net6.0-windows10.0.22000.0 5 | 10.0.17763.0 6 | WinUI3NavigationExample 7 | app.manifest 8 | x86;x64;arm64 9 | win10-x86;win10-x64;win10-arm64 10 | true 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | MSBuild:Compile 26 | 27 | 28 | 29 | 30 | 31 | MSBuild:Compile 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /WinUI3NavigationExample/WinUI3NavigationExample/app.manifest: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | true/PM 12 | PerMonitorV2, PerMonitor 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /docs/images/img1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Lewis-Marshall/WinUI3NavigationExample/c4b81f596e81142c31b881cf897c95cf6107e0cb/docs/images/img1.png --------------------------------------------------------------------------------