Prism 的 TabControl 导航

基于Prism 7.1

最近工作中可能会用到TabControl所以作为小菜的我提前预习了一下，结果并没有我想的那么简单，于是乎各种网上查，本来用wpf的人就不多 prism 的可查的资料就更少的可怜了，于是我从prism的官方例子中找到了合适的，为了防止自己忘记了，先写记录在这里。

首先我就直接用界面区域注册吧tabcontrol 直接写上去了，然后写了个UserControl 用prism 的导航框架直接去导结果就成了这个样子

发现Tabitem的Header没有，于是就开始查 Header怎么弄出来，功夫不负有心人，终于让我在官方的例子中找到了。

官方的例子是这样弄的，做一个tabitem的样式，在tabitem 的vm层加一个用来显示header内容的属性，绑定好就可以了，结果就是下面的样子

这样tabitem 的 header 就显示出来了，知道原理之后我们就可以定制各种好看的tabitem的样式了，下面是代码，写的匆忙请见谅

前端住窗口

 <Window.Resources><Style TargetType="{x:Type TabItem}"><Setter Property="Header" Value="{Binding DataContext.Title}"></Setter></Style></Window.Resources><Grid><Grid.RowDefinitions><RowDefinition Height="40"></RowDefinition><RowDefinition Height="*"></RowDefinition></Grid.RowDefinitions><Grid Grid.Row="0"></Grid><Grid Grid.Row="1"><Grid.ColumnDefinitions><ColumnDefinition Width="*"></ColumnDefinition><ColumnDefinition Width="3*"></ColumnDefinition></Grid.ColumnDefinitions><StackPanel Grid.Column="0"><Button Height="30" Margin="3" Command="{Binding NavigateCommand}" CommandParameter="FirstPage">FirstPage</Button><Button Height="30" Margin="3" Command="{Binding NavigateCommand}" CommandParameter="SecondPage">SecondPage</Button><Button Height="30" Margin="3" Command="{Binding NavigateCommand}" CommandParameter="ThirdPage">ThirdPage</Button></StackPanel><TabControl Grid.Column="1" prism:RegionManager.RegionName="TabRegion"></TabControl></Grid></Grid>

主窗口后端代码

public partial class MainWindow : Window{private IRegionManager _regionManager;public ICommand NavigateCommand { get; set; }public MainWindow(IRegionManager regionManager){InitializeComponent();_regionManager = regionManager;this.DataContext = this;NavigateCommand = new DelegateCommand<string>(SetFirst);}private void SetFirst(string path){if(path != null)_regionManager.RequestNavigate("TabRegion", path);  }}

App.xaml.cs

 public partial class App : PrismApplication{protected override void RegisterTypes(IContainerRegistry containerRegistry){containerRegistry.RegisterForNavigation<FirstPage>();containerRegistry.RegisterForNavigation<SecondPage>();containerRegistry.RegisterForNavigation<ThirdPage>();}protected override Window CreateShell(){return Container.Resolve<MainWindow>();}}

tabitem 用户控件后端代码

public partial class FirstPage : UserControl{public string Title { get; set; }public FirstPage(){InitializeComponent();Title = "FIRST PAGE";this.DataContext = this;}}

View Code

完整代码：链接: https://pan.baidu.com/s/1cDZ2yCZoaHCM_GgP4qfTtQ 提取码: 6hsb

最后，抱大佬大腿

转载于:https://www.cnblogs.com/wuyaxiansheng/p/10654263.html

Prism 的 TabControl 导航相关推荐

Prism源代码解析(IRegionManager)
概要本文主要介绍Prism的IRegionManager, 主要分析源代码的执行流程, 来介绍内部实现的几个核心接口调用过程. 通过本文, 你可以熟练的掌握Prism当中以下接口的作用以及使用方法, ...
Prism Dialog
1.注册Dialog对应信息 protected override void RegisterTypes(IContainerRegistry containerRegistry){container ...
0613-prism-docs
https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff648465(v%3dpandp.10) 依赖注入使用Prism Libra ...
[Prism]Composite Application Guidance for WPF(10)——系列目录导航
[Prism]Composite Application Guidance for WPF(10)--系列目录导航 ...
Prism区域异常问题分析(导航失效?)
前文本篇文章主要讨论在WPF当中使用Prism区域导航的失效的问题, 在其它的博客当中也出现了多次讨论这个问题以及对应的解决方法, 例如重写OnInitialized方法等等.我认为这都不是解决问题 ...
在 WPF 中使用 Prism DryIOC 加载应用程序时导航到默认视图
通过重写CreateShell方法: CreateShell方法:/// <inheritdoc /> protected override Window CreateShell() {v ...
Prism框架研究(一)
从今天起开始写一个Prism框架的学习博客,今天是第一篇,所以从最基本的一些概念开始学习这个基于MVVM的框架的学习,首先看一下Prism代表什么,这里引用一下比较官方的英文解释来看一下:Prism ...
Prism框架（一）——概述Prism框架的设计目的是用来帮助构建丰富、灵活、易维护的WPF和Si...
Si Prism框架(一)--概述Prism框架的设计目的是用来帮助构建丰富.灵活.易维护的WPF和Si 提问者:mfksnr120(ID:187460) | 悬赏 0.0 希赛币 | 回答数:0 | ...
prism在java_Prism 框架应用-基础知识篇
Prism 框架概念 prism was the code name for the guidance formally known as the Composite Application Guid ...

Prism 的 TabControl 导航

Prism 的 TabControl 导航相关推荐

最新文章

热门文章