(鼠标放上去将一直显示，移开动画继续)，提供normal和error两种边框。
介绍：传统的确定，取消,ok,cancal之类的对话框太繁琐了，由于项目需要而诞生的仿手机式提示对话框。当然传统的对话框项目中也有，这里就不做介绍了。
出场和退场动画做得很简单，就用blend随便鼓捣了一番，将就用吧。
预览效果如下：
思路其实很简单：将窗体透明化->布局和样式设计->后台传值调用。
准备工作：microsoft.expression.interactions.dll和system.windows.interactivity.dll的引用。blend中大多数行为需要需要这2个dll，必备啊！
1，将窗体透明化，无边框化：（在.net 4.5中 拖动和缩放窗体再也不用自己写代码了，集成的 <windowchrome/>就可以实现拖动缩放窗体等诸多功能。）
关键设置如下：
allowstransparency= "true" horizontalalignment= "center" background= "transparent" xmlns:i= "http://schemas.microsoft.com/expression/2010/interactivity" xmlns:ei= "http://schemas.microsoft.com/expression/2010/interactions" windowstyle= "none"
2，布局，主要包括初始布局和动画过渡2个方面：
静态界面布局：
<grid horizontalalignment= "center" verticalalignment= "top" x:name= "back" >
<border padding= "38 0" x:name= "br" horizontalalignment= "center" verticalalignment= "center" >
<i:interaction.triggers>
<i:eventtrigger eventname= "mouseenter" >
<ei:controlstoryboardaction storyboard= "{staticresource showsb}" controlstoryboardoption= "stop" />
</i:eventtrigger>
<i:eventtrigger eventname= "mouseleave" >
<ei:controlstoryboardaction storyboard= "{staticresource mouseleave}" />
</i:eventtrigger>
</i:interaction.triggers>
<grid horizontalalignment= "center" verticalalignment= "center" >
<grid horizontalalignment= "center" verticalalignment= "center" >
<grid.rowdefinitions>
<rowdefinition height= "12" ></rowdefinition>
<rowdefinition height= "auto" ></rowdefinition>
<rowdefinition height= "12" ></rowdefinition>
</grid.rowdefinitions>
<border visibility= "visible" x:name= "grid1" grid.rowspan= "3" rendertransformorigin= "0.5,0.5" borderbrush= "#00a0e9" borderthickness= "1" cornerradius= "8" >
<border.rendertransform>
<transformgroup>
<scaletransform/>
<skewtransform/>
<rotatetransform/>
<translatetransform/>
</transformgroup>
</border.rendertransform>
<border.background>
<lineargradientbrush endpoint= "1,1" mappingmode= "relativetoboundingbox" startpoint= "0,0" >
<gradientstop color= "#eff0f2" offset= "0.75" />
<gradientstop color= "#eff0f2" offset= "0.25" />
<gradientstop color= "#eff0f2" offset= "1" />
<gradientstop color= "#eff0f2" />
</lineargradientbrush>
</border.background>
</border>
<border x:name= "grid2" visibility= "visible" opacity= "1" grid.rowspan= "3" rendertransformorigin= "0.5,0.5" borderbrush= "#f35150" borderthickness= "1" cornerradius= "8" >
<border.rendertransform>
<transformgroup>
<scaletransform/>
<skewtransform/>
<rotatetransform/>
<translatetransform/>
</transformgroup>
</border.rendertransform>
<border.background>
<lineargradientbrush endpoint= "1,1" mappingmode= "relativetoboundingbox" startpoint= "0,0" >
<gradientstop color= "#eff0f2" offset= "0.75" />
<gradientstop color= "#eff0f2" offset= "0.25" />
<gradientstop color= "#eff0f2" offset= "1" />
<gradientstop color= "#eff0f2" />
</lineargradientbrush>
</border.background>
</border>
<textblock margin= "38 0 38 0" grid.row= "1" fontsize= "16" foreground= "#64676d" x:name= "tb" text= "{binding message,relativesource={relativesource ancestortype=window},fallbackvalue=失败信息}" textwrapping= "wrap" minwidth= "200" verticalalignment= "center" horizontalalignment= "center" rendertransformorigin= "0.5,0.5" maxwidth= "600" textalignment= "center" fontfamily= "microsoft yahei" >
<textblock.rendertransform>
<transformgroup>
<scaletransform/>
<skewtransform/>
<rotatetransform/>
<translatetransform/>
</transformgroup>
</textblock.rendertransform></textblock>
</grid>
</grid>
</border>
</grid>
进入和退出的动画控制：
<storyboard x:key= "showsb" completed= "storyboard_completed" >
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.rendertransform).(transformgroup.children)[3].(translatetransform.y)" storyboard.targetname= "grid1" >
<easingdoublekeyframe keytime= "0" value= "{binding yoffset}" />
<easingdoublekeyframe keytime= "0:0:0.5" value= "0" />
<easingdoublekeyframe keytime= "0:0:3" value= "0" />
<easingdoublekeyframe keytime= "0:0:3.5" value= "{binding yoffset}" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.rendertransform).(transformgroup.children)[3].(translatetransform.y)" storyboard.targetname= "grid2" >
<easingdoublekeyframe keytime= "0" value= "{binding yoffset}" />
<easingdoublekeyframe keytime= "0:0:0.5" value= "0" />
<easingdoublekeyframe keytime= "0:0:3" value= "0" />
<easingdoublekeyframe keytime= "0:0:3.5" value= "{binding yoffset}" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.rendertransform).(transformgroup.children)[3].(translatetransform.y)" storyboard.targetname= "tb" >
<easingdoublekeyframe keytime= "0" value= "{binding yoffset}" />
<easingdoublekeyframe keytime= "0:0:0.5" value= "0" />
<easingdoublekeyframe keytime= "0:0:3" value= "0" />
<easingdoublekeyframe keytime= "0:0:3.5" value= "{binding yoffset}" />
</doubleanimationusingkeyframes>
</storyboard>
<storyboard x:key= "mouseleave" completed= "storyboard_completed" >
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.opacity)" storyboard.targetname= "grid1" >
<easingdoublekeyframe keytime= "0:0:0.5" value= "0" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.opacity)" storyboard.targetname= "grid2" >
<easingdoublekeyframe keytime= "0:0:0.5" value= "0" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.opacity)" storyboard.targetname= "tb" >
<easingdoublekeyframe keytime= "0:0:0.5" value= "0" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.rendertransform).(transformgroup.children)[3].(translatetransform.y)" storyboard.targetname= "grid1" >
<easingdoublekeyframe keytime= "0:0:0.5" value= "{binding yoffset}" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.rendertransform).(transformgroup.children)[3].(translatetransform.y)" storyboard.targetname= "grid2" >
<easingdoublekeyframe keytime= "0:0:0.5" value= "{binding yoffset}" />
</doubleanimationusingkeyframes>
<doubleanimationusingkeyframes storyboard.targetproperty= "(uielement.rendertransform).(transformgroup.children)[3].(translatetransform.y)" storyboard.targetname= "tb" >
<easingdoublekeyframe keytime= "0:0:0.5" value= "{binding yoffset}" />
</doubleanimationusingkeyframes>
</storyboard>
注意：鼠标移动上去停止动画和移出后快速消失的代码为：
<i:interaction.triggers>
<i:eventtrigger eventname= "mouseenter" >
<ei:controlstoryboardaction storyboard= "{staticresource showsb}" controlstoryboardoption= "stop" />
</i:eventtrigger>
<i:eventtrigger eventname= "mouseleave" >
<ei:controlstoryboardaction storyboard= "{staticresource mouseleave}" />
</i:eventtrigger>
</i:interaction.triggers>
后台代码逻辑：
private bool iserror = false ;
public void show( string messageboxtext, bool iserror = false )
{
this .iserror = iserror;
this .message = messageboxtext;
this .show();
}
public onlyshowmessagebox()
{
initializecomponent();
this .datacontext = new model() { yoffset = -300d };
this .loaded += (y, k) =>
{
this .top = 41;
this .left = (systemparameters.workarea.width) / 2 - this .actualwidth / 2;
if (iserror)
{
this .grid.visibility = visibility.collapsed;
}
else { this .grid.visibility = visibility.collapsed; }
( this .resources[ "showsb" ] as storyboard).begin();
};
}
private void storyboard_completed( object sender, eventargs e)
{
this .close();
}
其中 ：
public class model : modelbase
{
private double yoffset;
public double yoffset
{
get { return yoffset; }
set
{
yoffset = value;
raisepropertychangedevent( "yoffset" );
}
}
}
其中modelbase在 可分组的选择框控件(mvvm下)(toggle样式 仿造单选框radiobutton，复选框checkbox功能) 中有介绍。
最后，调用方法：
new onlyshowmessagebox().show("请注意：前方高能，禁止入内！", false);
或者
new onlyshowmessagebox().show("不存在此对象！", true);
以上所述是小编给大家介绍的wpf自动隐藏的消息框的全部叙述，希望对大家有所帮助，如果大家想了解更多内容敬请关注服务器之家！
原文链接：http://www.cnblogs.com/yk250/p/5660777.html
dy("nrwz");
查看更多关于WPF自动隐藏的消息框的实例代码的详细内容...