在同一块区域显示不同的视图内容，直接使用Tabcontrol，可能要重写TabItem的控件模板，最直接的方法通过按钮的切换，控制一个ContentControl的Content值，实现切换不同的视图View。以下是一个简单的实现demo。注：如果用Prism的框架实现，只要设置Region的区域块显示，会更简单一些，至少不用自己实现。

1、ViewA：

<UserControl x:Class="test.viewA"

             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:test"

             mc:Ignorable="d"

             d:DesignHeight="450" d:DesignWidth="800">

    <UserControl.Resources>

        <SolidColorBrush x:Key="TabControlNormalBorderBrush" Color="#8C8E94"/>

        <Style x:Key="TabControlStyle1" TargetType="{x:Type TabControl}">

            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>

            <Setter Property="Padding" Value="4,4,4,4"/>

            <Setter Property="BorderThickness" Value="1"/>

            <Setter Property="BorderBrush" Value="{StaticResource TabControlNormalBorderBrush}"/>

            <Setter Property="Background" Value="#F9F9F9"/>

            <Setter Property="HorizontalContentAlignment" Value="Center"/>

            <Setter Property="VerticalContentAlignment" Value="Center"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="{x:Type TabControl}">

                        <Grid ClipToBounds="true" SnapsToDevicePixels="true" KeyboardNavigation.TabNavigation="Local">

                            <Grid.ColumnDefinitions>

                                <ColumnDefinition x:Name="ColumnDefinition0"/>

                                <ColumnDefinition x:Name="ColumnDefinition1" Width="0"/>

                            </Grid.ColumnDefinitions>

                            <Grid.RowDefinitions>

                                <RowDefinition x:Name="RowDefinition0" Height="Auto"/>

                                <RowDefinition x:Name="RowDefinition1" Height="*"/>

                            </Grid.RowDefinitions>

                            <TabPanel x:Name="HeaderPanel" Grid.Column="0" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>

                            <Border x:Name="ContentPanel" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="1" KeyboardNavigation.TabIndex="2" KeyboardNavigation.TabNavigation="Local">

                                <ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>

                            </Border>

                        </Grid>

                        <ControlTemplate.Triggers>

                            <Trigger Property="TabStripPlacement" Value="Bottom">

                                <Setter Property="Grid.Row" TargetName="HeaderPanel" Value="1"/>

                                <Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/>

                                <Setter Property="Height" TargetName="RowDefinition0" Value="*"/>

                                <Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/>

                                <Setter Property="Margin" TargetName="HeaderPanel" Value="2,0,2,2"/>

                            </Trigger>

                            <Trigger Property="TabStripPlacement" Value="Left">

                                <Setter Property="Grid.Row" TargetName="HeaderPanel" Value="0"/>

                                <Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/>

                                <Setter Property="Grid.Column" TargetName="HeaderPanel" Value="0"/>

                                <Setter Property="Grid.Column" TargetName="ContentPanel" Value="1"/>

                                <Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/>

                                <Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/>

                                <Setter Property="Height" TargetName="RowDefinition0" Value="*"/>

                                <Setter Property="Height" TargetName="RowDefinition1" Value="0"/>

                                <Setter Property="Margin" TargetName="HeaderPanel" Value="2,2,0,2"/>

                            </Trigger>

                            <Trigger Property="TabStripPlacement" Value="Right">

                                <Setter Property="Grid.Row" TargetName="HeaderPanel" Value="0"/>

                                <Setter Property="Grid.Row" TargetName="ContentPanel" Value="0"/>

                                <Setter Property="Grid.Column" TargetName="HeaderPanel" Value="1"/>

                                <Setter Property="Grid.Column" TargetName="ContentPanel" Value="0"/>

                                <Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/>

                                <Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/>

                                <Setter Property="Height" TargetName="RowDefinition0" Value="*"/>

                                <Setter Property="Height" TargetName="RowDefinition1" Value="0"/>

                                <Setter Property="Margin" TargetName="HeaderPanel" Value="0,2,2,2"/>

                            </Trigger>

                            <Trigger Property="IsEnabled" Value="false">

                                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

    </UserControl.Resources>

    <UserControl.DataContext>

        <local:viewAModel/>

    </UserControl.DataContext>

    <Grid>

        <TextBlock Text="{Binding Text}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="50"/>

    </Grid>

</UserControl>

ViewAViewModel：

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace test

{

   public class viewAModel:INotifyPropertyChanged

    {

        public viewAModel()

        {

            Text = "A";

        }

        public event PropertyChangedEventHandler PropertyChanged;

        private void Change(string propertyName)

        {

            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        }

        private string text;

        public string Text

        {

            get { return text; }

            set

            {

                text = value;

                Change("Text");

            }

        }

    }

}

ViewB：

<UserControl x:Class="test.viewB"

             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:test"

             mc:Ignorable="d"

             d:DesignHeight="450" d:DesignWidth="800">

    <UserControl.DataContext>

        <local:viewBModel/>

    </UserControl.DataContext>

    <Grid>

        <TextBlock Text="{Binding Text}" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="50"/>

    </Grid>

</UserControl>

ViewBViewModel：

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace test

{

  public  class viewBModel: INotifyPropertyChanged

    {

        public viewBModel()

        {

            Text = "ViewB";

        }

        public event PropertyChangedEventHandler PropertyChanged;

        private void Change(string propertyName)

        {

            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        }

        private string text;

        public string Text

        {

            get { return text; }

            set

            {

                text = value;

                Change("Text");

            }

        }

    }

}

在MainWindow切换ViewA和ViewB

<Window x:Class="test.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:test"

        mc:Ignorable="d"

        Title="MainWindow" Height="450" Width="800">

    <Grid>

        <Grid.ColumnDefinitions>

            <ColumnDefinition/>

            <ColumnDefinition/>

        </Grid.ColumnDefinitions>

        <StackPanel>

            <Button Height="100" Width="100" Content="A" x:Name="A" Click="A_Click"/>

            <Button Height="100" Width="100" Content="B" x:Name="B" Click="B_Click"/>

        </StackPanel>

        <ContentControl x:Name="content" Grid.Column="1">

            <local:viewA/>

        </ContentControl>

    </Grid>

</Window>

MainWindow.cs:   在初始化的时候，通过一个Dictionary，把要展示的View先加载出来，存到字典上，确保只Load一次view，在点击按钮切换ContentControl时，从字典中获取，减少每一次都new一个VIew，造成内存的泄露

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 test

{

    /// <summary>

    /// MainWindow.xaml 的交互逻辑

    /// </summary>

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

            FramworkElements["A"]=new viewA();

            FramworkElements["B"]=new viewB();

        }

        private Dictionary<string, FrameworkElement> FramworkElements = new Dictionary<string, FrameworkElement>();

        private void A_Click(object sender, RoutedEventArgs e)

        {

            content.Content = FramworkElements["A"];

        }

        private void B_Click(object sender, RoutedEventArgs e)

        {

            content.Content = FramworkElements["B"];

        }

    }

}

展示的效果：

点击A按钮，切换A视图

点击B按钮，切换B视图：

最新文章

  1. Java IO设计模式彻底分析 （转载）
  2. Android布局6大类
  3. win7 64 旗舰版虚拟GPU-VMware下+vs2013安装caffe+matlab+python
  4. POJ 1151 / HDU 1542 Atlantis 线段树求矩形面积并
  5. Android SeekBar自定义使用图片和颜色显示
  6. SecureCRT issue &quot;Could not open clipboard: Assess is denied&quot; (无法打开粘贴板:访问被拒绝)
  7. Entity Framework 不支持DefaultValue
  8. Git - Download for Linux and Unix
  9. 你好，C++（9）坐216路公交车去买3.5元一斤的西红柿——C++中如何表达各种数值数据 3.3 数值数据类型
  10. Makefile学习（一）变量
  11. Gson 简易笔记
  12. java web实现img读取盘符下的图像
  13. windows程序设计读书笔记1——创建窗口
  14. SVN目录对号图标（更新、冲突）不显示
  15. System.Diagnostics.Process 执行.EXE
  16. Access denied for user &#39;root&#39;@&#39;localhost&#39; (using password:YES) 解决方案[转]
  17. (简单) POJ 2387 Til the Cows Come Home，Dijkstra。
  18. mysql内连接的复杂应用
  19. Linux 查看进程
  20. 使用qt制作一个简单的计算器

热门文章

  1. 【LeetCode】300.最长递增子序列——暴力递归（O(n^3)），动态规划（O(n^2)），动态规划+二分法（O(nlogn)）
  2. 深入理解JAVA虚拟机《二》
  3. 云无关、桌面端、基于Kubernetes的平台Otomi
  4. Django基础1
  5. LOJ6356 四色灯（容斥+dp
  6. 如何正确使用JMeter性能测试？紧扣面试实际要求
  7. linux性能优化基础——iommu相关配置
  8. DataX的安装及使用
  9. 如何快速体验鸿蒙全新声明式UI框架ArkUI？
  10. Servlet学习一（Servlet的使用流程）