WPF 的 Silverlight 子窗口

Question

是否可以在 Silverlight 中制作一个类似 ChildWindow 的 ChildWindow，但对于 WPF？我尝试将 Silverlight ChildWindow 调整为 WPF，但遇到了转换问题并且无法设置 Popup 的 Parent。我正在尝试制作一些类似的东西，这样我就不必向弹出窗口的 XAML 添加代码。有什么想法吗？

Answer 1

这个类应该做你想做的事情：

public class SilverlightishPopup
{
    private Rectangle maskRectangle = new Rectangle { Fill = new SolidColorBrush(Colors.DarkGray), Opacity = 0.0 };

    public FrameworkElement Parent
    {
        get;
        set;
    }

    public FrameworkElement Content
    {
        get;
        set;
    }

    public SilverlightishPopup()
    {
        Button button = new Button();
        button.Width = 100;
        button.Height = 200;
        button.Content = "I am the popup!";

        button.Click += delegate { Close(); };

        Content = button;
    }

    public void Show()
    {
        Grid grid = GetRootGrid();

        if (grid != null)
        {
            DoubleAnimation opacityAnimation = new DoubleAnimation(0.5, new Duration(TimeSpan.FromSeconds(0.5)));

            Storyboard opacityBoard = new Storyboard();
            opacityBoard.Children.Add(opacityAnimation);

            Storyboard.SetTarget(opacityAnimation, maskRectangle);
            Storyboard.SetTargetProperty(opacityAnimation, new PropertyPath("(Opacity)"));

            opacityBoard.Completed += delegate
            {
                ScaleTransform scaleTransform = new ScaleTransform(0.0, 0.0, Content.Width / 2.0, Content.Height / 2.0);
                Content.RenderTransform = scaleTransform;

                grid.Children.Add(Content);

                Storyboard scaleBoard = new Storyboard();

                DoubleAnimation scaleXAnimation = new DoubleAnimation(1.0, TimeSpan.FromSeconds(0.5));

                scaleBoard.Children.Add(scaleXAnimation);

                Storyboard.SetTarget(scaleXAnimation, Content);
                Storyboard.SetTargetProperty(scaleXAnimation, new PropertyPath("(UIElement.RenderTransform).(ScaleTransform.ScaleX)"));

                DoubleAnimation scaleYAnimation = new DoubleAnimation(1.0, TimeSpan.FromSeconds(0.5));

                scaleBoard.Children.Add(scaleYAnimation);

                Storyboard.SetTarget(scaleYAnimation, Content);
                Storyboard.SetTargetProperty(scaleYAnimation, new PropertyPath("(UIElement.RenderTransform).(ScaleTransform.ScaleY)"));

                scaleBoard.Begin();
            };

            opacityBoard.Begin();

            grid.Children.Add(maskRectangle);
        }
    }

    public void Close()
    {
        Grid grid = GetRootGrid();

        if (grid != null)
        {
            ScaleTransform scaleTransform = new ScaleTransform(1.0, 1.0, Content.Width / 2.0, Content.Height / 2.0);
            Content.RenderTransform = scaleTransform;

            Storyboard scaleBoard = new Storyboard();

            DoubleAnimation scaleXAnimation = new DoubleAnimation(0.0, TimeSpan.FromSeconds(0.5));

            scaleBoard.Children.Add(scaleXAnimation);

            Storyboard.SetTarget(scaleXAnimation, Content);
            Storyboard.SetTargetProperty(scaleXAnimation, new PropertyPath("(UIElement.RenderTransform).(ScaleTransform.ScaleX)"));

            DoubleAnimation scaleYAnimation = new DoubleAnimation(0.0, TimeSpan.FromSeconds(0.5));

            scaleBoard.Children.Add(scaleYAnimation);

            Storyboard.SetTarget(scaleYAnimation, Content);
            Storyboard.SetTargetProperty(scaleYAnimation, new PropertyPath("(UIElement.RenderTransform).(ScaleTransform.ScaleY)"));

            scaleBoard.Completed += delegate
            {
                DoubleAnimation opacityAnimation = new DoubleAnimation(0.5, 0.0, new Duration(TimeSpan.FromSeconds(0.5)));

                Storyboard opacityBoard = new Storyboard();
                opacityBoard.Children.Add(opacityAnimation);

                Storyboard.SetTarget(opacityAnimation, maskRectangle);
                Storyboard.SetTargetProperty(opacityAnimation, new PropertyPath("(Opacity)"));

                opacityBoard.Completed += delegate
                {
                    grid.Children.Remove(maskRectangle);
                    grid.Children.Remove(Content);
                };

                opacityBoard.Begin();
            };

            scaleBoard.Begin();
        }
    }

    private Grid GetRootGrid()
    {
        FrameworkElement root = Parent;

        while (root is FrameworkElement && root.Parent != null)
        {
            FrameworkElement rootElement = root as FrameworkElement;

            if (rootElement.Parent is FrameworkElement)
            {
                root = rootElement.Parent as FrameworkElement;
            }
        }

        ContentControl contentControl = root as ContentControl;

        return contentControl.Content as Grid;
    }
}

只需将 Parent 属性设置为父窗口中的任何 Framework 元素（它会找到 Window 用掩码阻止它），并将内容设置为你想要弹出的任何内容（当然，当您希望显示它时，请调用 Show 方法）。您必须自己提出弹出包装器（即带有边框和调用关闭方法的关闭按钮的东西），但这应该不难，并且显然要删除构造函数中的占位符按钮（它只是向您展示它的外观）。

唯一的问题是它只适用于其内容（即在 Silverlight 中名为“LayoutRoot”的东西）是网格（创建新的 WPF/Silverlight 窗口/页面时的默认设置）的窗口。我将其设置为适用于所有面板，但与 StackPanel 或 DockPanel 一起使用时看起来很奇怪（如预期）。如果这对您不起作用，请告诉我，我们会想出办法。

如果您使用它，您可能可以让动画看起来更接近原始弹出窗口（也许使用一些缓动）。可能还有更好的方法来找到根，我只是即时想出了该方法，但我认为它会起作用（尽管同样，仅适用于将其内容设置为网格的 Contentcontrol）。

如果您有任何疑问/问题，请告诉我，我希望这能解决您的问题。

Answer 2

查看BubbleBurst 源代码。 GameOverView 正是您所寻找的。

Answer 3

只需从 Window 派生并从父窗口调用 ShowDialog 即可。

Answer 4

请参阅此处的扩展 WPF 工具包中提供的 ChildWindow 控件
http://wpftoolkit.codeplex.com/wikipage?title=ChildWindow&referringTitle=Home