WPF 和 Prism 视图叠加

发布于 2024-08-25 09:18:09 字数 398 浏览 5 评论 0原文

我需要一些帮助来使用 prism 框架覆盖视图。它比这更复杂一点，所以让我解释一下。我也可能想得太多了：D

我有 shell（wpf 窗口）并且我有 2 个视图（A & ; B - 模块中的两个用户控件。当 shell 加载时，它会加载视图 A。在视图 A 上，我有一个“弹出”视图 B 的按钮对于一些用户输入。所以很自然地我会想到某种模式窗口/控件，甚至可能是弹出窗口。然而，我面对弹出窗口的问题是，当我移动外壳时，弹出窗口保持固定，并且它不会阻止视图 A 中的事件。我尝试禁用视图 A 以停止触发事件，并且我还尝试使用让视图 B 随 shell 一起移动。只有画布有效，但我现在需要一种方法来阻止它。无论如何，我可以用棱镜将一个视图叠加在另一个视图之上吗？或者其他人如何使用 prism & 创建模式弹出窗口wpf？任何建议或指示将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧时光的容颜 2024-09-01 09:18:09

如果您想使用没有额外窗口的嵌入式对话框，您可以使用 Prism 的 RegionManager 来实现概述的行为。诀窍是将 PopUp 区域与可视树中的主区域平行：

<Grid>
   <ContentControl cal:RegionManager.RegionName="MainRegion" IsEnabled={Binding IsNoPopUpActive} />
   <ContentControl cal:RegionManager.RegionName="PopUpRegion"/>
</Grid>

现在使用 RegionManager 将视图“A”放入“MainRegion”中。创建一个类似于IPopUpDialogController 的控制器类。它应该负责根据需要将您的视图“B”（或应用程序中的任何其他 PopUpView）放入“PopUpRegion”中。此外，它还应该控制一个标志，指示要启用或禁用的底层“MainRegion”。这样，在弹出窗口关闭之前，用户将无法使用视图“A”中的控件。

这甚至可以在将帧推送到调度程序之前使用 ComponentDispatcher.PushModal() 以模态方式完成。但是，我建议避免模式对话框。

更新：根据评论中的要求，IsNoPopUpActive 可以在支持视图模型中实现。在那里，您可以将其链接到弹出区域的 RegionManager 视图集合：

public bool IsNoPopUpActive 
{ 
    get { return _regionManager.Regions["PopUpRegion"].Views.Count() == 0; }
}

请记住在修改视图集合（添加/删除弹出窗口）后立即触发 PropertyChanged 事件。

仅供参考：现在我避免禁用后台控件，而是插入一个透明面板。这可以避免点击后台控件。但是，这不处理键盘输入（按 Tab 键切换到控件）。要修复键盘输入，您需要确保键盘焦点被捕获在弹出窗口中（MSDN 上的 WPF Focus 概念）。

将以下焦点属性添加到弹出区域应该可以解决问题：

KeyboardNavigation.DirectionalNavigation="None"
KeyboardNavigation.ControlTabNavigation="None"
KeyboardNavigation.TabNavigation="Cycle"
KeyboardNavigation.TabIndex="-1"

If you want to use embedded dialogs without an extra window, you can use Prism's RegionManager to achieve the outlined behavior. The trick is to put the PopUp region parallel to your main region in the visual tree:

<Grid>
   <ContentControl cal:RegionManager.RegionName="MainRegion" IsEnabled={Binding IsNoPopUpActive} />
   <ContentControl cal:RegionManager.RegionName="PopUpRegion"/>
</Grid>

Now use the RegionManager to put view "A" into the "MainRegion". Create a controller class similar to IPopUpDialogController. It should be responsible for putting your view "B" (or any other PopUpView in your application) into the "PopUpRegion" on demand. Addtionally, it should control a flag that signal the underlying "MainRegion" to be enabled or disabled. This way a user won't be able to play with the controls in your view "A" until the pop up is closed.

This can even be done in a modal fashion by using ComponentDispatcher.PushModal() before pushing a frame onto the Dispatcher. However, I would recommend avoid modal dialogs.

Update: As requested in a comment, the IsNoPopUpActive could be implemented in the backing view model. There you could link it to RegionManager's View collection for the popup region:

public bool IsNoPopUpActive 
{ 
    get { return _regionManager.Regions["PopUpRegion"].Views.Count() == 0; }
}

Remember to trigger a PropertyChanged event as soon as you modify the views collection (add/remove a popup).

Just for your information: nowadays I avoid disabling the controls in the background and instead insert a transparent panel. This avoids clicking on background controls. However, this does not handle keyboard input (tab-ing to controls). To fix the keyboard input you need to make sure that the keyboard focus is trapped in the popup (MSDN on WPF Focus concepts).

Adding the following focus attributes to the popup region should do the trick:

KeyboardNavigation.DirectionalNavigation="None"
KeyboardNavigation.ControlTabNavigation="None"
KeyboardNavigation.TabNavigation="Cycle"
KeyboardNavigation.TabIndex="-1"

回复收藏 0 原文