专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > WPF

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

发布时间:2011-06-23 13:55:02 文章来源:www.iduyao.cn 采编人员:星星草
在Prism 框架中,实现主程序与模块间 UI 的通信

背景:

   在模块的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 属性也是一种不错的办法,后续可以再进行研究。

1楼CandyZkn
楼主说的“不同应用程序中”,本人表示不太理解,应该是不同模块之间或者不同视图中吧。,楼主的这段代码: ,public bool ShowCheckbox, {, get { return this.showCheckBox;
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: