Skip to content

Latest commit

 

History

History
9 lines (7 loc) · 1.26 KB

ui-architecture.md

File metadata and controls

9 lines (7 loc) · 1.26 KB
Raw

UI Architecture

The UI code is distributed between two projects: PowerToys.Settings and Settings.UI. PowerToys.Settings is a WPF .net core application. It contains the parent display window and corresponding code is present in MainWindow.xaml. Settings.UI is UWP applications and contains views for base navigation and modules. Fig 1 provides a description of the UI controls hierarchy and each of the controls have been summarized below :

  • MainWindow.xaml is the parent WPF control.
  • WindowsXamlHost control is used to host UWP control to MainWindow.xaml parent control.
  • ShellPage.xaml is a UWP control, consisting of a side navigation panel with an icon for each module. Clicking on a module icon loads the corresponding setting.json file and displays the data in the UI.

Settings UI architecture Fig 1: UI Architecture for settingsv2