分类导航

silverlight 发布时间：2022-05-04 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了在silverlight中定制自己的MessageBox(消息框)，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

概述

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

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

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

　　首先是普通样式：

接着是显示图形样式：

使用新的样式风格：

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

应的类图和说明：

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

Code @H_675_119@enum messageBoxResult
{
    Yes,　　//是
    No,　　 //否
    Cancel　//取消
}

/// <sumMary>
/// 消息事件参数
/// </sumMary>
@H_675_119@public @H_675_119@class messageBoxResultEventArgs : EventArgs
{
    @H_675_119@public messageBoxResult result { @H_675_119@get; @H_675_119@set; }
    @H_675_119@public @H_675_119@object AsyncState { @H_675_119@get; @H_675_119@set; }
}

/// <sumMary>
/// 消息框控件类，该模板包括三个组件(三个Button和一个Panel)
/// </sumMary>
[TemplatePart(Name = rootElement, Type = @H_675_119@typeof(Panel))]
[TemplatePart(Name = YesButtonElement, Type = @H_675_119@typeof(Button))]
[TemplatePart(Name = NoButtonElement, Type = (@H_675_119@typeof(Button)))]
[TemplatePart(Name = CancelButtonElement, Type = (@H_675_119@typeof(Button)))]
@H_675_119@public @H_675_119@class messageBoxControl : ContentControl
{
    @H_675_119@public @H_675_119@event EventHandler<messageBoxResultEventArgs> messageBoxDismissed;

    @H_675_119@public messageBoxControl()
    {
        DefaultStyleKey = @H_675_119@typeof(messageBoxControl);
    }
    @H_675_119@public @H_675_119@override @H_675_119@void OnApplyTemplate()
    {
        @H_675_119@#region 取消之前的事件绑定

        @H_675_119@if (yesButton != @H_675_119@null)
        {
            yesButton.Click -= OnYesButton;
        }
        @H_675_119@if (noButton != @H_675_119@null)
        {
            noButton.Click -= OnNoButton;
        }
        @H_675_119@if (cancelButton != @H_675_119@null)
        {
            cancelButton.Click -= OnCancelButton;
        }

        @H_675_119@#endregion

        rootElement = @H_675_119@base.GetTemplateChild(RootElement) @H_675_119@as Panel;
        yesButton = @H_675_119@base.GetTemplateChild(YesButtonElement) @H_675_119@as Button;
        noButton = @H_675_119@base.GetTemplateChild(NoButtonElement) @H_675_119@as Button;
        cancelButton = @H_675_119@base.GetTemplateChild(CancelButtonElement) @H_675_119@as Button;

        @H_675_119@#region 如果grid中有相应元素时，则绑定相应事件（详见下面的代码）

        @H_675_119@if (yesButton != @H_675_119@null)
        {
            yesButton.Click += OnYesButton;
        }
        @H_675_119@if (noButton != @H_675_119@null)
        {
            noButton.Click += OnNoButton;
        }
        @H_675_119@if (cancelButton != @H_675_119@null)
        {
            cancelButton.Click += OnCancelButton;
        }

        @H_675_119@#endregion
    }

    @H_675_119@void OnYesButton(@H_675_119@object sender, EventArgs args)
    {
        FiredisR_287_11845@issed(messageBoxResult.Yes);
    }
    @H_675_119@void OnNoButton(@H_675_119@object sender, EventArgs args)
    {
        FiredisR_287_11845@issed(messageBoxResult.No);
    }
    @H_675_119@void OnCancelButton(@H_675_119@object sender, EventArgs args)
    {
        FiredisR_287_11845@issed(messageBoxResult.Cancel);
    }

    /// <sumMary>
    /// 调用绑定的事件，并传递相应参数
    /// </sumMary>
    /// <param NAME="result"></param>
    @H_675_119@void FiredisR_287_11845@issed(messageBoxResult result)
    {
        //当绑定的事件不为空时

(绑定部分参见messageBox的构造函数)
        @H_675_119@if (messageBoxDismissed != @H_675_119@null)
        {
            messageBoxDismissed(@H_675_119@this, @H_675_119@new messageBoxResultEventArgs() { result = result });
        }
    }

    Button yesButton;
    Button noButton;
    Button cancelButton;
    Panel rootElement;

    @H_675_119@#region 赋值信息参见generic.xaml中的"x:Name"声明

    @H_675_119@public @H_675_119@const @H_675_119@String rootElement = @H_944_712@"@H_944_712@RootElement@H_944_712@";
    @H_675_119@public @H_675_119@const @H_675_119@String YesButtonElement = @H_944_712@"@H_944_712@YesButtonElement@H_944_712@";
    @H_675_119@public @H_675_119@const @H_675_119@String NoButtonElement = @H_944_712@"@H_944_712@NoButtonElement@H_944_712@";
    @H_675_119@public @H_675_119@const @H_675_119@String CancelButtonElement = @H_944_712@"@H_944_712@CancelButtonElement@H_944_712@";

    @H_675_119@#endregion
}

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

Code @H_675_119@class UserControlContentAccessor : UserControl
{
    /// <sumMary>
    /// 获取当前UserControl的ContentProperty属性
    /// </sumMary>
    /// <param NAME="uc">当前UserControl</param>
    /// <returns>ContentProperty属性</returns>
    @H_675_119@public @H_675_119@static UIElement GetContent(UserControl uC)
    {
        @H_675_119@return ((UIElement)uc.GetValue(UserControl.ContentProperty));
    }
    /// <sumMary>
    /// 设置当前UserControl的ContentProperty属性
    /// </sumMary>
    /// <param NAME="uc">当前UserControl</param>
    /// <param NAME="element">要设置的内容属性</param>
    @H_675_119@public @H_675_119@static @H_675_119@void SetContent(UserControl uc, UIElement element)
    {
        uc.SETVALue(UserControl.ContentProperty, element);
    }
}

/// <sumMary>
/// 消息框类，该类可以看成是对"消息框控件类"使用封装(封装了事件绑定和内容信息)
/// </sumMary>
@H_675_119@public @H_675_119@static @H_675_119@class messageBox
{
/// <sumMary>
    /// 实际页面视图中的元素（用于当消息框关闭后，还原页面元素时使用）
    /// </sumMary>
    @H_675_119@private @H_675_119@static UIElement realVisual;
    /// <sumMary>
    /// 用于绑定当前页面中根元素节点
    /// </sumMary>
    @H_675_119@private @H_675_119@static Grid parentGrid;
    /// <sumMary>
    /// 状态值
    /// </sumMary>
    @H_675_119@private @H_675_119@static @H_675_119@object asyncState;
    /// <sumMary>
    /// 用户绑定回调事件属性
    /// </sumMary>
    @H_675_119@private @H_675_119@static EventHandler<messageBoxResultEventArgs> userCallBACk;

    @H_675_119@public @H_675_119@static @H_675_119@void ShowAsync(@H_675_119@object content)
    {
        ShowAsync(content, @H_675_119@null);
    }

    @H_675_119@public @H_675_119@static @H_675_119@void ShowAsync(@H_675_119@object content,
      EventHandler<messageBoxResultEventArgs> callBACk)
    {
        ShowAsync(content, @H_675_119@null, callBACk);
    }

    @H_675_119@public @H_675_119@static @H_675_119@void ShowAsync(@H_675_119@object content, @H_675_119@object userState, userState, callBACk,
      EventHandler<messageBoxResultEventArgs> callBACk, Style controlTemplatE)
    {
        messageBoxControl control = @H_675_119@new messageBoxControl();
        control.Content = content;
        //绑定指定样式
        @H_675_119@if (controlTemplate != @H_675_119@null)
        {
            control.Style = controlTemplate;
        }
        ShowAsync(control, callBACk);
    }
    @H_675_119@public @H_675_119@static @H_675_119@void ShowAsync(messageBoxControl control,
      EventHandler<messageBoxResultEventArgs> callBACk)
    {
        UserControl uc = Application.Current.RootVisual @H_675_119@as UserControl;

        @H_675_119@if (uc != @H_675_119@null)
        {
            asyncState = userState;//用户状态绑定
            userCallBACk = callBACk;//回调方法
            realVisual = UserControlContentAccessor.GetContent(uc);
            realVisual.IsHitTestVisible = @H_675_119@false;　//使底层控件点击不可见

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

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

            control.messageBoxDismissed += OnDismissed; //绑定要处理的事件，该事件会在点击消息框中的"yes"或"no"按钮时执行
        }
    }
    @H_675_119@static @H_675_119@void OnDismissed(@H_675_119@object sender, messageBoxResultEventArgs E)
    {

        messageBoxControl control = sender @H_675_119@as messageBoxControl;

        UserControl uc = Application.Current.RootVisual @H_675_119@as UserControl;

        @H_675_119@if (uc != @H_675_119@null)
        {　 //清除之前的页面UI元素，并还原页面初始时的元素设置
            parentGrid.Children.Clear();
            realVisual.IsHitTestVisible = @H_675_119@true;
            UserControlContentAccessor.SetContent(uc, realVisual);
        }
        @H_675_119@if (control != @H_675_119@null)
        {
            control.messageBoxDismissed -= OnDismissed;
        }
        @H_675_119@try
        {
            @H_675_119@if (userCallBACk != @H_675_119@null)
            {
                //执行用户绑定的事件（并传递事件参数）
                userCallBACk(@H_675_119@null, @H_675_119@new messageBoxResultEventArgs()
                {
                    result = e.Result,
                    AsyncState = asyncState
                });
            }
        }
        @H_675_119@finally
        {
            realVisual = @H_675_119@null;
            parentGrid = @H_675_119@null;
            asyncState = @H_675_119@null;
            userCallBACk = @H_675_119@null;
        }
    }
}

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

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

  parentGrid = @H_675_119@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　( @H_675_119@object sender, messageBoxResultEventArgs E)
{

    messageBoxControl control = sender @H_675_119@as messageBoxControl;

    UserControl uc = Application.Current.RootVisual @H_675_119@as UserControl;

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

}

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

// 普通样式
     @H_675_119@void OnNormalClick( @H_675_119@object sender, EventArgs args)
    {
        messageBox.ShowAsync( @H_944_712@" @H_944_712@简单调用, 无回调, 无状态, 无样式！ @H_944_712@" );
         // 下面注释的代码包括状态和回调事件　
         // 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, E) =>
         //   {
         //     Debug.Assert((e.Result == messageBoxResult.Yes) && ((int)e.AsyncState == 101));
         //   });
    }
// 显示图形
     @H_675_119@void OnShapeClick( @H_675_119@object sender, EventArgs args)
    {
        messageBox.ShowAsync( @H_675_119@new Ellipse()
        {
            Width = 80 ,
            Height = 80 ,
            Fill = @H_675_119@new SolidColorBrush(Colors.Green)
        });
    }

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

        Style myStyle = @H_675_119@this .resources[ @H_944_712@" @H_944_712@myStyle @H_944_712@" ] @H_675_119@as Style;

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

                 @H_675_119@if (e.Result == messageBoxResult.Yes)
                {
                    HtmlPage.Window.Alert( @H_944_712@" @H_944_712@您点击了Yes按钮 @H_944_712@" );
                }
            },
          myStylE);
    }

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

@H_675_119@public messageBoxControl()
{
DefaultStyleKey = @H_675_119@typeof (messageBoxControl);
}

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

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

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