WPF中窗體在同一個位置實現不同頁面切換

要想在WPF窗體中實現不同頁面切換，我們就需要用到ContentControl這個控件，這個控件的位置和大小就是你要顯示頁面的位置和大小。

下面舉例說明：

Xaml:

    <Grid>
        <Button Content="Page1" HorizontalAlignment="Left" Margin="21,20,0,0" VerticalAlignment="Top" Width="75" Height="30" Click="Button_Click"/>
        <Button Content="Page2" HorizontalAlignment="Left" Margin="21,83,0,0" VerticalAlignment="Top" Width="75" Height="31" Click="Button_Click_1"/>
        <Button Content="Page3" HorizontalAlignment="Left" Margin="21,149,0,0" VerticalAlignment="Top" Width="75" Height="30" Click="Button_Click_2"/>
        <ContentControl x:Name="Page_Change" HorizontalAlignment="Left" Margin="127,20,0,0" VerticalAlignment="Top" Height="248" Width="511"/>
    </Grid>

如圖：

 

Page1：

Page2：

Page3：

 

后台代碼：

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Page1 page1 = new Page1();
            Page_Change.Content = new Frame()
            {
                Content = page1
            };
        }

        private void Button_Click_1(object sender, RoutedEventArgs e)
        {
            Page2 page2 = new Page2();
            Page_Change.Content = new Frame()
            {
                Content = page2
            };
        }

        private void Button_Click_2(object sender, RoutedEventArgs e)
        {
            Page3 page3 = new Page3();
            Page_Change.Content = new Frame()
            {
                Content = page3
            };
        }

運行效果：

可以實現多頁面的切換，但是這里需要注意一個問題，Page頁面的大小（長和寬）要和ContentControl的大小保持一致，才能夠完全顯示你頁面里面的內容。