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

　在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 BoxResultEventArgs e)
{

    MessageBoxControl control sender as MessageBoxControl;

    UserControl uc Application.Current.RootVisual UserControl;

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

}

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

普通样式      void OnnormalClick( Box.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,0);">    Debug.Assert((e.Result == MessageBoxResult.Yes) && ((int)e.AsyncState == 101));
           });             }
显示图形 OnShapeClick( Box.ShowAsync( Ellipse()
        {
            Width 80             Fill SolidColorBrush(Colors.Green)
        });
    }

     转换样式 OnChangeStyleClick( this .Resources[ myStyle ] Style;

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

                 MessageBoxResult.Yes)
                {
                    HtmlPage.Window.Alert( 您点击了Yes按钮 );
                }
            },
          myStyle);
    }

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

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

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

     好了，今天的内容就先到这里了。

     tag : silverlight,messagexBox
     作者: 代震军,daizhj
     原帖链接: [url]http://files.cnblogs.com/daizhj/silverlight_MessageBox.rar[/url]

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

相关推荐