windows-phone-7 - WP7 背景虚化效果

Question

我需要知道，这是模糊 Windows Phone 7 应用程序背景以将用户的注意力集中在“始终在顶部”弹出窗口的最佳方法。



我的想法是:

制作背景网格的内存截图(通过将其转换为可卡住或其他内容)。

添加与背景网格重叠但位于弹出窗口下方(带有 z-index)的图像。

我仍然怀疑我是否能够重叠应用程序栏。

此时，如果您有解决方案，请指教。

Answer 1

给你几点建议...

不幸的是 Silverlight BlurEffect 和其他位图效果 didn't make it into Window Phone 7 ，所以你必须自己实现模糊。这实际上很简单，只需使用 Gaussian Convolution Filter .

要实现此效果，您可以将应用程序的视觉效果捕获到 WriteableBitmap 中，操作图像以创建模糊效果，然后使用 PopUp 将此图像覆盖在您的应用程序上。我在一篇关于飞出文本动画的博客文章中做了类似的事情:

http://www.scottlogic.co.uk/blog/colin/2011/04/metro-in-motion-3-flying-titles/

找到你的根视觉如下:

var rootElement = Application.Current.RootVisual as FrameworkElement;

将此 UI 的副本添加到弹出窗口中，如下所示:

  _backgroundMask = new Rectangle()
  {
    Fill = new SolidColorBrush(Colors.Black),
    Opacity = 0.0,
    Width = rootElement.ActualWidth,
    Height = rootElement.ActualHeight
  };
  _popupCanvas.Children.Add(_backgroundMask);

  _targetElementClone = new Image()
  {
    Source = new WriteableBitmap(element, null)
  };
  _popupCanvas.Children.Add(_targetElementClone);

并显示它:

_popup.IsOpen = true;

我会让你研究如何模糊背景!

顺便说一句，您将无法覆盖或捕获应用程序栏的视觉效果。在执行此转换之前将其隐藏。

最后，模糊背景并不是很“地铁”。你确定要这么做吗？