码迷,mamicode.com
首页 > 其他好文 > 详细

在Prism 框架中,实现主程序与模块间 UI 的通信

时间:2015-07-13 15:46:09      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:

背景:

   在模块的UI中包含 TreeView 控件,在该树形控件的每一节点前面定义了一个复选框,如图

技术分享

需求:

   在两个不同的应用程序中使用该控件,而它在不同应用程序中的外观则并不一致,按照本例,即一个显示复选框,一个不显示。

问题:

    解决该问题的一个难处在于,Prism框架本身的设计原则——此 View 会被添加到主程序的 Shell 的 Region 中,所以在主程序中不能直接来控制该 View 的属性及其逻辑。

思路:

   利用 EventAggregator 使得主程序与模块间进行通信,从而间接地达到我们的目的。

实现:

   首先,在模块的 View 所对应的 ViewModel 中添加一个属性 ShowCheckbox,如下:

        public bool ShowCheckbox
        {
            get { return this.showCheckBox; }
            set { this.SetProperty(ref this.showCheckBox, value); }
        }

   并在 View 中为其添加绑定,如下 CheckBox 的 Visibility 属性的绑定:

    <UserControl.Resources>
        <HierarchicalDataTemplate x:Key="HierarchicalView" ItemsSource="{Binding SubCategories}">
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
                <CheckBox IsChecked="{Binding IsChecked}" Margin="6,6,5,0" Visibility="{Binding ShowCheckbox,ElementName=treeViewControl,Converter={StaticResource BoolToVisibilityConverter}}" />
                <TextBlock Text="{Binding Name}" FontSize="20" />
                <StackPanel.ToolTip>
                    <TextBlock VerticalAlignment="Center" Text="{Binding Name}" TextWrapping="Wrap" MaxWidth="200" />
                </StackPanel.ToolTip>
            </StackPanel>
        </HierarchicalDataTemplate>
</UserControl.Resources>

    然后,我们需要在底层库 Infrastructure 中定义一个事件,主程序与模块就是通过该事件来进行通信,以达到修改模块中 UI 的值,代码如下:

    public class ControlVisibleEvent : PubSubEvent<bool>
    {
    }

   接下来,就是对该事件进行订阅与发布,自然地,我们在模块中来订阅上述事件,代码如下:

this.EventAggregator.GetEvent<DemoBase.ControlVisibleEvent>().Subscribe((value) =>
            {
                this.ShowCheckbox = value;
            });

   在订阅事件时,我们获取值并把获取到的值传给  ViewModel 的 ShowCheckbox 属性,再通过WPF的通知机制以达到UI的变化。

   在主程序中,我们发布该事件,发布时,需要考虑的问题是在何时发布,这里我们选择在加载模块完成的事件中进行发布,代码如下(注意其中的高亮代码):

        public MainWindow(IEventAggregator eventAggregator, IModuleManager moduleManager)
        {
            InitializeComponent();
            this.EventAggregator = eventAggregator;
            this.ModuleManager.LoadModuleCompleted += ModuleManager_LoadModuleCompleted;
        }

        void ModuleManager_LoadModuleCompleted(object sender, LoadModuleCompletedEventArgs e)      {       
this.EventAggregator.GetEvent<DemoBase.ControlVisibleEvent>().Publish(false);
        }

   这时,在不同的应用程序中,只要修改在发布事件时的值,即可达到模块中UI的改变。

备注:

   实现此需求的不止上述方法,此外,利用 Region 对象的 RegionContext 属性也是一种不错的办法,后续可以再进行研究。

在Prism 框架中,实现主程序与模块间 UI 的通信

标签:

原文地址:http://www.cnblogs.com/wpinfo/p/4642829.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!