Silverlight使用故事板事件实现视觉效果切换

在Silverlight开发中我们会使用多个页面来减轻浏览器一次加载的数据量。不过在实际中对于多个页面的切换我们一般会采用一些动画效果来提高用户体验，这样让我们的程序看起来更酷，也让用户感觉到过渡效果很平滑、自然。不过在页面中实现这样的主意可不是小事，经过笔者的反复实验发现可以使用故事板的Completed事件来达到这个目的。现在我们来简单地浏览一下小步骤：

代码

private void CheckAllToggles()
{
if (leftToggle.IsChecked.Value || rightToggle.IsChecked.Value || bottomToggle.IsChecked.Value)
{
Storyboard story = Resources["ClosedAnimation"] as Storyboard;// 1
story.Begin();// 2
story.Completed += new EventHandler(story_Completed);// 3

}
}

//故事板事件
void story_Completed(object sender, EventArgs e)
{
Home home = App.Current.RootVisual as Home;
home.mainContent.Source = new Uri("/MainPage", UriKind.Relative);// 设置Frame的Source
}

由于是在故事板结束以后才开始导航，所以我们能能够完全看到故事板所展现的效果了。我觉得在开发像Silverlight游戏之类运用这种方式可以大大提高玩家的用户体验，可以使整体效果更上一层。





示例代码下载：code1,code2,code3