如何在WPF中制作动态主页内容

Question

I want to make change main panel content when I choice action in menu button. Like main content page, setting page, content page on Main panel (in code used grid x:Name="main_~~~) It for use just can make 3 and control visibility?? or Can use include like xml at Android and change include target?? ( ex > includelayout="@layout/app_bar_main")

Mainwindow.xaml

<Window x:Class="M_C.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:M_C"
        mc:Ignorable="d"
        Title="MainWindow"
        Width="1024" Height="768"
        WindowStyle="None"
        WindowState="Maximized"
        WindowStartupLocation="CenterScreen">
    <Grid x:Name="wide_Out" Background="#000000">
        <Viewbox Stretch="Uniform">
            <Grid Width="1024" Height="768" VerticalAlignment="Top">
                <DockPanel x:Name="L_black" HorizontalAlignment="Left" 
Height="768" LastChildFill="False" VerticalAlignment="Top" Width="62" 
Background="#FF242424">
                    <Button Margin="15,8,0,0" Height="40" 
VerticalAlignment="Top" Width="30"/>
                </DockPanel>
                <DockPanel x:Name="T_blue" HorizontalAlignment="Left" 
Height="84" LastChildFill="False" Margin="62,0,0,0" VerticalAlignment="Top" 
Width="968" Background="#FF248BC7">
                    <TextBlock Margin="200,5,200,0" Height="70" 
TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="554"/>
                </DockPanel>
                <DockPanel x:Name="L_blue" HorizontalAlignment="Left" 
Height="685" LastChildFill="False" Margin="62,83,0,0" 
VerticalAlignment="Top" Width="82" Background="#FF248BC7"/>
                <DockPanel x:Name="R_blue" HorizontalAlignment="Left" 
Height="685" LastChildFill="False" Margin="940,83,0,0" 
Background="#FF248BC7" Width="84"/>
                <DockPanel x:Name="B_blue" HorizontalAlignment="Left" 
Height="90" LastChildFill="False" Margin="143,678,0,0" 
VerticalAlignment="Top" Width="799" Background="#FF248BC7">
                    <Image Margin="250,15,250,15" Height="70" 
VerticalAlignment="Top" Width="290" />
                </DockPanel>
                <!--<DockPanel x:Name="main_content_panel" 
HorizontalAlignment="Left" Height="594" LastChildFill="False" 
Margin="144,84,0,0" VerticalAlignment="Top" Width="790">-->
                <Grid x:Name="main_con_body" Margin="143,82,84,88" 
Width="798" Height="594" Background="#ffffff">
                </Grid>
            <!--</DockPanel>-->
         </Grid>
     </Viewbox>
   </Grid>
</Window>

Answer 1

You can Define Frame inside Your Window and navigate between as many page you want:

<Frame Name="FrameWithinGrid" >  
</Frame>  

and on button Click you can simply navigate:

private void button1_Click(object sender, RoutedEventArgs e)  
{  
   FrameWithinGrid.Navigate(new System.Uri("Page1.xaml",  
         UriKind.RelativeOrAbsolute));  
} 

to know more See here

Answer 2

MVVM Approach

1. Make main_con_body be a ContentControl
2. Make Window's DataContext a viewmodel
3. Bind main_con_body's Content property to a viewmodel property of the data context
4. Define different DataTemplates for the various types of viewmodels that might be present