zoukankan      html  css  js  c++  java
  • wpf 实现childwindow

    1.问题:最近手上有个项目,需要用到wpf, wpf没有silverlight的childwindow, 这样弹窗口不是很方便

    2.解决办法:整合了一下网上意见,得到解决办法如下:  

    public static  class ChildWindowBehaviorRegist
        {
            public static void Show(this FrameworkElement control)
            {
                Grid grid = GetRootGrid(control );
                RootAndMask ram = GetRootAndMask(control);

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

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

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

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

                        grid.Children.Add(control);

                        Storyboard scaleBoard = new Storyboard();

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

                        scaleBoard.Children.Add(scaleXAnimation);

                        Storyboard.SetTarget(scaleXAnimation, control);
                        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, control);
                        Storyboard.SetTargetProperty(scaleYAnimation, new PropertyPath("(UIElement.RenderTransform).(ScaleTransform.ScaleY)"));

                        scaleBoard.Begin();
                    };

                    opacityBoard.Begin();

                    grid.Children.Add(ram.MaskRectangle);
                }
            }

            public static void Close(this FrameworkElement control)
            {
                Grid grid = GetRootGrid(control );
                RootAndMask ram = GetRootAndMask(control);
                if (grid != null)
                {
                    ScaleTransform scaleTransform = new ScaleTransform(1.0, 1.0, control.Width / 2.0, control.Height / 2.0);
                    control.RenderTransform = scaleTransform;

                    Storyboard scaleBoard = new Storyboard();

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

                    scaleBoard.Children.Add(scaleXAnimation);

                    Storyboard.SetTarget(scaleXAnimation, control);
                    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, control);
                    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, ram.MaskRectangle);
                        Storyboard.SetTargetProperty(opacityAnimation, new PropertyPath("(Opacity)"));

                        opacityBoard.Completed += delegate
                        {
                            grid.Children.Remove(ram.MaskRectangle);
                            grid.Children.Remove(control);
                        };

                        opacityBoard.Begin();
                    };

                    scaleBoard.Begin();
                }
            }

            static RootAndMask GetRootAndMask(FrameworkElement control)
            {
                if (control == null || control.Tag == null || !(control.Tag is RootAndMask))
                    return null;
                return  control.Tag as RootAndMask;
            }

            static Grid GetRootGrid(FrameworkElement control)
            {
                RootAndMask ram = GetRootAndMask(control);
                FrameworkElement root = ram.Root ;

                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;
            }
        }

        public class RootAndMask
        {
            public FrameworkElement Root { get; set; }
            public Rectangle MaskRectangle = new Rectangle { Fill = new SolidColorBrush(Colors.DarkGray), Opacity = 0.0 };
            public RootAndMask(FrameworkElement root)
            {
                this.Root = root;
            }
        }

    3.调用:使用很简单,

    编写一个user control

    Login{.....},

     public MainWindow()
            {
                InitializeComponent();
                user = new User();
                client = new ChatClient(new InstanceContext(this ));
                Login login = new Login(user ,client);
                login.Tag = new RootAndMask(this);
                login.Show();
            }

    4.利弊:

         4.1 利:范围广, 只要是继承自FrameworkElement 的,你都可以像childwindow一样使用

         4.2 弊: main page 需要 <mainpage><grid1><grid2></grid></grid><mainpage> 额外添加一个grid1,用grid2布局。tag被占用了。

  • 相关阅读:
    8款最新CSS3表单 环形表单很酷
    8款给力HTML5/CSS3应用插件 可爱的HTML5笑脸
    分享10款效果惊艳的HTML5图片特效
    9款极具创意的HTML5/CSS3进度条动画
    分享9款最新超酷HTML5/CSS3应用插件
    7款HTML5精美应用教程 让你立即爱上HTML5
    (转)整理 node-sass 安装失败的原因及解决办法
    分析Vue框架源码心得
    Vue中的render函数随笔
    微信小程序商业级实战
  • 原文地址:https://www.cnblogs.com/mjgb/p/2095272.html
Copyright © 2011-2022 走看看