适用于 WPF 的 Silverlight ChildWindow

Question

是否可以在 Silverlight 中创建一个类似于 ChildWindow 的 ChildWindow，但对于 WPF？我试图使 Silverlight ChildWindow 适应 WPF，但遇到了转换问题并且无法设置弹出窗口的父级。我正在尝试制作一些可以模拟的东西，所以我不必为弹出窗口添加代码到 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 方法当然，您希望它显示出来）。您必须自己提出弹出包装器（即带有边框和调用 close 方法的关闭按钮的东西），但这应该不难，并且显然删除了构造函数中的占位符按钮（它只是为了向您展示它的外观）。

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

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

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

Answer 2

看看BubbleBurst Sourcecode。 GameOverView 完全符合您的要求。

Answer 3

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

Answer 4

在此处查看扩展 WPF 工具包中可用的 ChildWindow 控件 http://wpftoolkit.codeplex.com/wikipage?title=ChildWindow&referringTitle=Home