silverlight
发布时间:2022-05-04 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在silverlight中定制自己的MessageBox(消息框),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
概述
在silverlight中,如果想
使用“消息框”可使用下面的方法,即:HtmlPage.Window.Alert("消息框内容")。如果想要显示更加复杂的内容或定义消息框样式的话,基本上没有什么好的方法。最近在网上看到了一篇文章,该文章的作者也谈到了上面所说的话题,相关
链接如下: The Curious Incident of the
messageBox in the Sil
在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演示)。下面是
相应的类图和说明:
接下来,将会以这个类图来逐个解释相应类结构信息,首先看一下
message
BoxControls(相应
内容见注释):
Code
/// <sumMary>
消息框结果
</sumMary>
public enum messageBoxResult
{
Yes, //是
No, 否 Cancel 取消}
消息事件参数
class messageBoxResultEventArgs : EventArgs
{
messageBoxResult result { get; set; }
object AsyncState { ; }
}
消息框控件类,该模板包括三个组件(三个Button和一个Panel)
[TemplatePart(Name = rootElement, Type typeof(Panel))]
[TemplatePart(Name YesButtonElement,0);">(Button))]
[TemplatePart(Name NoButtonElement,0);"> ((Button)))]
[TemplatePart(Name CancelButtonElement,0);">(Button)))]
messageBoxControl : ContentControl
{
event EventHandler<messageBoxResultEventArgs> messageBoxDismissed;
messageBoxControl()
{
DefaultStyleKey (messageBoxControl);
}
overridevoid OnApplyTemplate()
{
#region 取消之前的事件绑定
if (yesButton !=null)
{
yesButton.Click -= OnYesButton;
}
(noButton )
{
noButton.Click OnNoButton;
}
(cancelButton )
{
cancelButton.Click OnCancelButton;
}
#endregion
rootElement base.GetTemplateChild(RootElement) as Panel;
yesButton .GetTemplateChild(YesButtonElement) Button;
noButton .GetTemplateChild(NoButtonElement) Button;
cancelButton .GetTemplateChild(CancelButtonElement) Button;
如果grid中有相应元素时,则绑定相应事件(详见下面的@L_616_24@)+=
}
OnYesButton( sender, EventArgs args)
{
FiredisR_522_11845@issed(messageBoxResult.Yes);
}
OnNoButton( args)
{
FiredisR_522_11845@issed(messageBoxResult.No);
}
OnCancelButton(BoxResult.Cancel);
}
调用绑定的事件,并传递相应参数
</sumMary><param NAME="result"></param> FiredisR_522_11845@issed(messageBoxResult result)
{
当绑定的事件不为空时(绑定部分参见messageBox的构造函数) (messageBoxDismissed )
{
messageBoxDismissed(this, new messageBoxResultEventArgs() { result result });
}
}
Button yesButton;
Button noButton;
Button cancelButton;
Panel rootElement;
赋值信息参见generic.xaml中的"x:Name"声明
constString rootElement "RootElement";
YesButtonElement YesButtonElement NoButtonElement NoButtonElement CancelButtonElement CancelButtonElement;
}
而
message
Box这个控件使用封装类结构如下(相关
内容见注释):
Code
@H_301_411@ UserControlContentAccessor : UserControl
{
获取当前UserControl的ContentProperty属性
<param NAME="uc">当前UserControl</param><returns>ContentProperty属性</returns>static UIElement GetContent(UserControl uC)
{
return ((UIElement)uc.GetValue(UserControl.ContentProperty));
}
设置当前UserControl的ContentProperty属性
<param NAME="element">要设置的内容属性</param> SetContent(UserControl uc, UIElement element)
{
uc.SETVALue(UserControl.ContentProperty, element);
}
}
消息框类,该类可以看成是对"消息框控件类"使用封装(封装了事件绑定和内容信息)
messageBox
{
实际页面视图中的元素(用于当消息框关闭后,还原页面元素时使用)
private UIElement realVisual;
用于绑定当前页面中根元素节点
Grid parentGrid;
状态值
asyncState;
用户绑定回调事件属性
userCallBACk;
ShowAsync( content)
{
ShowAsync(content,0);">);
}
content,
EventHandler callBACk)
{
ShowAsync(content, callBACk);
}
userState, userState, callBACk,0);"> callBACk, Style controlTemplatE)
{
messageBoxControl control messageBoxControl();
control.Content content;
绑定指定样式 (controlTemplate )
{
control.Style controlTemplate;
}
ShowAsync(control, callBACk);
}
ShowAsync(messageBoxControl control,0);"> callBACk)
{
UserControl uc Application.Current.RootVisual UserControl;
(uc )
{
asyncState userState;用户状态绑定 userCallBACk callBACk;回调方法 realVisual UserControlContentAccessor.GetContent(uc);
realVisual.IsHitTestVisible false; 使底层控件点击不可见
parentGrid Grid();声明一个Grid对象,用于加载新的内容 UserControlContentAccessor.SetContent(uc, parentGrid);
parentGrid.Children.Add(realVisual); 加载realVisual内容(注:此处内容中的控制已不支持点击了) parentGrid.Children.Add(control); 加载消息框实例,后加载的显示在上(前)面
control.messageBoxDismissed OnDismissed; 绑定要处理的事件,该事件会在点击消息框中的"yes"或"no"按钮时执行 }
}
OnDismissed(message@H_857_618@BoxResultEventArgs E)
{
messageBoxControl control sender messageBoxControl;
UserControl uc )
{ 清除之前的页面UI元素,并还原页面初始时的元素设置 parentGrid.Children.Clear();
realVisual.IsHitTestVisible true;
UserControlContentAccessor.SetContent(uc, realVisual);
}
(control )
{
control.messageBoxDismissed OnDismissed;
}
try
{
(userCallBACk )
{
执行用户绑定的事件(并传递事件参数) userCallBACk( messageBoxResultEventArgs()
{
result e.Result,
AsyncState asyncState
});
}
}
finally
{
realVisual ;
parentGrid ;
asyncState ;
userCallBACk ;
}
}
}
其实通过上面的类,我们
可以看出作者是如何在
当前页面中
显示消息框信息的,也就是上面@L_
616_24@段里
的如下@L_
616_24@:
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变量的
一个重要用处在于当消息框被
关闭时,用它来还原
页面中的元素,而这块@L_
616_24@就是上面所说的OnDismissed
方法所做的事了,@L_
616_24@如下:
OnDismissed (
object
message@H_857_618@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);
}
}
这样,我们可以在应用程序中使用该类来
显示相应的消息框了,其声明和使用@L_
616_24@如下:
普通样式
void
OnNormalClick(
args)
{
messageBox.ShowAsync(
"
简单调用, 无回调, 无状态, 无样式!
"
);
下面注释的@L_616_24@包括状态和回调事件
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(
args)
{
message@H_857_618@Box.ShowAsync(
Ellipse()
{
Width
80
Height
Fill
SolidColorBrush(Colors.Green)
});
}
转换样式
OnChangeStyleClick(
args)
{
Style myStyle
this
.resources[
@H_258_96
@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中,以
便做了控制
默认加载样式,其绑定直接在
message
BoxControl构造
函数中完成,如下:
public
messageBoxControl()
{
DefaultStyleKey
typeof
(messageBoxControl);
}
而另外的样式被放在了page.xaml中,以
便于程序运行时访问,这里就不多作介绍了。不过本人已
修改了这两个样式中的一些数值,主要是为了
显示时比例更好看一些。
好了,今天的
内容就先到这里了。
tag : silverlight,
messagex
Box
作者: 代震军,daizhj
原帖
链接:
[url]http://files.cnblogs.com/daizhj/silverlight_MessageBox.rar[/url]
大佬总结
以上是大佬教程为你收集整理的在silverlight中定制自己的MessageBox(消息框)全部内容,希望文章能够帮你解决在silverlight中定制自己的MessageBox(消息框)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。