在silverlight中定制自己的MessageBox(消息框)-阿里云开发者社区

在silverlight中定制自己的MessageBox(消息框)

2017-11-21 1072

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

在silverlight中，如果想使用“消息框”可使用下面的方法，即：HtmlPage.Window.Alert("消息框内容")。如果想要显示更加复杂的内容或定义消息框样式的话，基本上没有什么好的方法。最近在网上看到了一篇文章，该文章的作者也谈到了上面所说的话题，相关链接如下：　　
The Curious Incident of the MessageBox in the Silverlight App

在线演示如下： [url]http://silverlight.services.live.com/invoke/72193/messagebox/iframe.html[/url]

　　 首先是普通样式：

接着是显示图形样式：

使用新的样式风格：

首先请下载本文中的源码（本人已部分修改了原文中的源码和相应的样式，以便进行DEMO演示）。下面是相应的类图和说明：

接下来，将会以这个类图来逐个解释相应类结构信息，首先看一下MessageBoxControls（相应内容见注释）:

Code

而MessageBox这个控件使用封装类结构如下（相关内容见注释）：

Code

其实通过上面的类，我们可以看出作者是如何在当前页面中显示消息框信息的，也就是上面代码段里
的如下代码：

  realVisual = UserControlContentAccessor.GetContent(uc);
  realVisual.IsHitTestVisible = false ;　 // 使底层控件点击不可见

  parentGrid = new Grid(); // 声明一个Grid对象，用于加载新的内容
  UserControlContentAccessor.SetContent(uc, parentGrid);

  parentGrid.Children.Add(realVisual); // 加载realVisual内容(注:此处内容中的控制已不支持点击了)
  parentGrid.Children.Add(control);　 // 加载消息框实例,后加载的显示在上(前)面

也就是通过realVisual来保存原有的页面元素信息，然后重新按指定顺序（先realVisual再messagecontrol）加载UIElement来实现显示消息框的方式，当然这种有HACK味道的做法到底效果好不好，连原作者都表示怀疑，他
本人也感觉还应有更好的Solution。

当然realVisual变量的一个重要用处在于当消息框被关闭时，用它来还原页面中的元素，而这块代码就是上面所说的OnDismissed方法所做的事了，代码如下:

OnDismissed　( object sender, MessageBoxResultEventArgs e)
{

    MessageBoxControl control = sender as MessageBoxControl;

    UserControl uc = Application.Current.RootVisual as UserControl;

     if (uc != null )
    {　 // 清除之前的页面UI元素，并还原页面初始时的元素设置
        parentGrid.Children.Clear();
        realVisual.IsHitTestVisible = true ;
        UserControlContentAccessor.SetContent(uc, realVisual);
    }

}

    这样，我们可以在应用程序中使用该类来显示相应的消息框了，其声明和使用代码如下：

// 普通样式
     void OnNormalClick( object sender, EventArgs args)
    {
        MessageBox.ShowAsync( " 简单调用, 无回调, 无状态, 无样式！ " );
         // 下面注释的代码包括状态和回调事件　
         // MessageBox.ShowAsync("As previously but with a callback - hit NO", (s, e) =>
         //   {
         //     Debug.Assert(e.Result == MessageBoxResult.No);
         //   });

         // MessageBox.ShowAsync("As previously but with state - hit YES", 101, (s, e) =>
         //   {
         //     Debug.Assert((e.Result == MessageBoxResult.Yes) && ((int)e.AsyncState == 101));
         //   });
    }
// 显示图形
     void OnShapeClick( object sender, EventArgs args)
    {
        MessageBox.ShowAsync( new Ellipse()
        {
            Width = 80 ,
            Height = 80 ,
            Fill = new SolidColorBrush(Colors.Green)
        });
    }

     // 转换样式
     void OnChangeStyleClick( object sender, EventArgs args)
    {

        Style myStyle = this .Resources[ " myStyle " ] as Style;

        MessageBox.ShowAsync( " 使用一个不同的样式 " ,
             101 , // 状态
            (s, e) => 　 // 处理事件
            {
                 if (e.Result == MessageBoxResult.No && (( int )e.AsyncState == 101 ))
                {
                    HtmlPage.Window.Alert( " 您点击了No按钮 " );
                }

                 if (e.Result == MessageBoxResult.Yes)
                {
                    HtmlPage.Window.Alert( " 您点击了Yes按钮 " );
                }
            },
          myStyle);
    }

    说到这里，还有一个内容没有介绍，也就是作者所定义的两个样式文件，其中之一被放置到了generic.xaml中，以便做了控制默认加载样式，其绑定直接在MessageBoxControl构造函数中完成，如下：
　

public MessageBoxControl()
{
DefaultStyleKey = typeof (MessageBoxControl);
}

而另外的样式被放在了page.xaml中，以便于程序运行时访问，这里就不多作介绍了。不过本人已修改了这两个样式中的一些数值，主要是为了显示时比例更好看一些。

本文转自 daizhenjun 51CTO博客，原文链接：http://blog.51cto.com/daizhj/100968，如需转载请自行联系原作者

在silverlight中定制自己的MessageBox(消息框)

热门文章

最新文章

相关电子书