silverlight 做一个QQ式的消息提示窗

消息提示窗英文名叫 Toast notifications,Toast是吐司的意思，就是烤面包片

起初看到这个名字挺费解，这跟吐司有什么关系，后来终于明白，老外烤吐司的时候是这么做的，把很多面包片放进吐司机里，就是专门烤吐司的面包机，待烤好以后，吐司机会把面包弹起来，此时就是弹出的提示窗口一样，这种比喻很形像

下面进入正题，直接上代码

<UserControl x:Class="NotifyApplication.MainPage" xmlns="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/winfx/2006/xaml/presentation" xmlns:x="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/winfx/2006/xaml" xmlns:d="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/expression/blend/2008" xmlns:mc="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>openxmlformat<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>org/markup-compatibility/2006" mc:Ignorable="d" d:DesignHeight="300" d:DesignWidth="400"> <Grid x:Name="LayoutRoot" <a href="http://code.js-code.com/tag/BAC/" target="_blank" class="keywords">BAC</a>kground="White"> <Button Height="30" Width="200" Content="Display Notify Window" Click="Button_Click"/> </Grid> </UserControl>  

code部分主要是一个用来调出提示框的按钮

using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Collection<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Generi<a href="http://code.js-code.com/tag/c/" target="_blank" class="keywords">c;</a> using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Linq; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Net; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Windows; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Controls; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Documents; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Input; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Media; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Media.Animation; using Sy<a href="http://code.js-code.com/tag/stem/" target="_blank" class="keywords">stem</a>.Window<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>Shapes; namespace NotifyApplication <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> public partial class MainPage : UserControl <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> public MainPage() <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> InitializeComponent(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } private void Button_Click(ob<a href="http://code.js-code.com/tag/je/" target="_blank" class="keywords">je</a>ct sender,RoutedEventArgs <a href="http://code.js-code.com/tag/E/" target="_blank" class="keywords">E)</a> <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> if(App.Current.IsRunningOutOfBrowser) <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> var notify = new NotificationWindow(<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> var win = new NotifyWindow <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a> Header = <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a>Text = "Custom <a href="http://code.js-code.com/tag/messa/" target="_blank" class="keywords">messa</a>ge Header"},Description = <a href="http://code.js-code.com/tag/" target="_blank" class="keywords">{</a>Text = "This is a custom description."} }; notify.Width = win.Width; notify.Height = win.Height; notify.Content = win; notify.Show(5000<a href="http://code.js-code.com/tag/" target="_blank" class="keywords">);</a> } } } }  

提示框是一个用户控件

<UserControl x:Class="NotifyApplication.NotifyWindow" xmlns="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/winfx/2006/xaml/presentation" xmlns:x="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/winfx/2006/xaml" xmlns:d="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>microsoft.com/expression/blend/2008" xmlns:mc="<a href="http://code.js-code.com/tag/http/" target="_blank" class="keywords">http</a>://<a href="http://code.js-code.com/tag/sche/" target="_blank" class="keywords">sche</a>R_286_11845@a<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>openxmlformat<a href="http://code.js-code.com/tag/s/" target="_blank" class="keywords">s.</a>org/markup-compatibility/2006" mc:Ignorable="d" Height="75" Width="300"> <Grid x:Name="LayoutRoot" <a href="http://code.js-code.com/tag/BAC/" target="_blank" class="keywords">BAC</a>kground="White"> <Border <a href="http://code.js-code.com/tag/BAC/" target="_blank" class="keywords">BAC</a>kground="#DDDDDD" BorderBrush="Black" BorderThick<a href="http://code.js-code.com/tag/nes/" target="_blank" class="keywords">nes</a>s="2"> <Grid> <Grid.RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="0.113*"/> <RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="0.306*"/> <RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>n Height="0.582*"/> </Grid.RowDe<a href="http://code.js-code.com/tag/Finitio/" target="_blank" class="keywords">Finitio</a>ns> <Rectangle Fill="#FF747474" <a href="http://code.js-code.com/tag/stroke/" target="_blank" class="keywords">stroke</a>="White" <a href="http://code.js-code.com/tag/stroke/" target="_blank" class="keywords">stroke</a>Thick<a href="http://code.js-code.com/tag/nes/" target="_blank" class="keywords">nes</a>s="0" Grid.<a href="http://code.js-code.com/tag/colum/" target="_blank" class="keywords">colum</a>nSpan="2"/> <TextBlock <a href="http://code.js-code.com/tag/textwrap/" target="_blank" class="keywords">textwrap</a>ping="Wrap" Text="x" HorizontalAlignment="Right" Margin="0,5,0" Grid.Row="1" FontFamily="Verdana" FontWeight="Bold" FontSize="13"/> <TextBlock Name="Header" <a href="http://code.js-code.com/tag/textwrap/" target="_blank" class="keywords">textwrap</a>ping="Wrap" Text="Header Text" Grid.Row="1" FontWeight="Bold" VerticalAlignment="Bottom" FontSize="13" Margin="5,0" FontFamily="Tahoma"/> <TextBlock Name="Description" <a href="http://code.js-code.com/tag/textwrap/" target="_blank" class="keywords">textwrap</a>ping="Wrap" Text="Notification Text" Grid.Row="2" FontSize="11" FontFamily="Verdana" Margin="5,0"/> </Grid> </Border> </Grid> </UserControl>  

用这里还没完,要设置成可在浏览器外运行

右键点silverlight 项目-->silverlight 标签页 -->Enable running application out of the browser 打上勾