Silverlight Navigation(多页面切换、传值) 之 一.docxVIP

2010-01-23 14:41 [转] Silverlight Navigation(多页面切换、传值) 之 一导航.简单的理解可以是从一个页面跳转到另外一个页面。在传统的ASP.NET网站中这种效果很容易实现。而在Silverlight中我们也同样可以，我们有两种方法来实现这个效果。第一个选择是使用代码更改页面视图（修改容器Content属性），移除/添加User Control来实现导航，这个方法比较简单、直接代码量也很少。并且在这个过程中还可以加入动画、变形等效果。第二个选择就是使用Silverlight的导航系统，导航系统包含两个主要的控件：Frame、Page。基本的效果是可以在一个Frame里面切换多个页面（UserControl、Page）。此次先简单介绍下第一种方法。 简单的页面切换效果： 这个例子，将页面分成上下两部分，上面表示菜单，下面放置一个容器空间用于承载内容。容器控件你可以旋转Border、ScrollViewer、StackPanel、Grid。下面是主页面的代码： Grid x:Name=LayoutRoot Grid.RowDefinitions RowDefinition Height=*/RowDefinition RowDefinition Height=Auto/RowDefinition RowDefinition Height=6*/RowDefinition /Grid.RowDefinitions ListBoxGrid.Row=0 SelectionChanged=lstPages_SelectionChanged !--页面列表-- /ListBox basics:GridSplitterGrid.Row=1 Margin=0 3 HorizontalAlignment=Stretch Height=2/basics:GridSplitter Border Grid.Row=2 BorderBrush=SlateGray BorderThickness=1 x:Name=mainFrame Background=AliceBlue/Border /Grid这个例子中使用Border作为容器命名为mainFrame，在页面加载的时候先为容器加入一个页面（为项目添加2个以上UserControl）： Page1 page1 = new Page1(); mainFrame.Child = page1;这里的容器控件是多选的，你也可使用单行单列的Grid。下面为ListBox加入事件代码： private void lstPages_SelectionChanged(object sender, SelectionChangedEventArgs e) { //获取当前的Item string newPageName = ((ListBoxItem)e.AddedItems[0]).Content.ToString(); //根据名称使用反射创建一个UserControl实例 Type type = this.GetType(); Assembly assembly = type.Assembly; UserControlnewPage = (UserControl)assembly.CreateInstance( type.Namespace + . + newPageName); //加入到容器中. mainFrame.Child = newPage; }至此一个简单的页面切换效果就OK了。这个DEMO的效果图如下：●使用根视图（Root Visual）上面是一个简单的例子，这个方法很常见，但不是通用方式。它的小缺陷是整个页面布局已经固定死了，工具栏或页面始终都固定在那里，那如果你想要的是一个全新的页面就不行了。下面对这个小例子进行一下扩展就可以达到我们的目的了。首先在App.xaml.cs中声明一个Grid： private Grid rootGrid = new Grid();然后修改Appliaction_Startup事件代码：this.RootVisual = rootGrid; rootGrid.Children.Add(new Page1());这样只能保证在初始化的时候会有一个页面而不能导航，为此在App.xaml.cs代码中加入一个静态方法，代码如下： public static void Navigation(UserControlnewPage) { //获取当前的Appliaction实例 App currentApp = (App)Application.Current; //修改当前显示页面内容. currentApp.rootGrid.Child