This document contains XAML code that defines the main window and two pages of a WPF application. The main window contains buttons to navigate between pages and a frame to display the pages. Page 1 and Page 2 are defined with XAML and contain text to demonstrate displaying different pages in the frame. The code-behind file contains event handlers for the navigation buttons that load the respective pages into the frame.

1. XAML
Adding new Pages
Frame

3. Main window - XAML
<Window x:Class="practice.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:practice"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800" >
<Grid >
<!---Arrange navigation Buttons -->
<StackPanel Orientation="Horizontal"
Height="40" Width="200"
HorizontalAlignment="Left"
VerticalAlignment="Top">
<Button Width="100" Content="Page-1" FontSize="16" Click="Button_Click" />
<Button Content="Page-2" Width="100" FontSize="16" Click="Button_Click_1"/>
</StackPanel>
<!---To show pages in Main window-->
<Frame Name="mainFrame" Margin="0,40,0,0"
Background="LightBlue"
NavigationUIVisibility="Hidden"/>
<!---To show pages in Main window
<Frame Name="mainFrame" Margin="0,40,0,0"
Background="LightBlue"
BorderThickness="10" NavigationUIVisibility="Visible"
AllowDrop="False" ToolTip="Back ground"
BorderBrush="Gray" >
</Frame> -->
</Grid>
</Window>

4. <Page x:Class="practice.Page1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:practice"
mc:Ignorable="d"
d:DesignHeight="450" d:DesignWidth="800"
Title="Page1" Background="LightSalmon">
<Grid>
<TextBlock FontSize="40"
HorizontalAlignment="Center"
VerticalAlignment="Center" Height="70"
>
<Run Text="This is " />
<Run Text=" 1st Page " Foreground="WhiteSmoke"/>
<TextBlock.TextDecorations >
<TextDecoration Location="Underline">
<TextDecoration.Pen >
<Pen Brush="Gray" Thickness="1" DashCap="Triangle"
/>
</TextDecoration.Pen>
</TextDecoration>
</TextBlock.TextDecorations>
<TextBlock.Effect>
<DropShadowEffect Color="Black" ShadowDepth="2" BlurRadius="10"
Direction="90" RenderingBias="Quality"
Opacity="50"/>
</TextBlock.Effect>
</TextBlock>
</Grid>
</Page>
Page-1- XAML

5. <Page x:Class="practice.Page2"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:practice"
mc:Ignorable="d"
d:DesignHeight="450" d:DesignWidth="800"
Title="Page2" Background="WhiteSmoke">
<Grid>
<TextBlock FontSize="34"
Height="50"
Width="200" HorizontalAlignment="Center"
VerticalAlignment="Center"
>
<Run Text="2nd "/>
<Run Text="Page ! " Foreground="LightBlue"
FontWeight="ExtraBold"/>
</TextBlock>
</Grid>
</Page>
Page-2- XAML

6. using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace practice
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void Button_Click(object sender, RoutedEventArgs e)
{
mainFrame.Content = new Page1();
}
private void Button_Click_1(object sender, RoutedEventArgs e)
{
mainFrame.Content = new Page2();
}
}
}
Main window – XAML.CS