Silverlight页面切换方法
2010-02-26 15:50
435 查看
初学Silverlight时,会遇到页面间切换问题,这里介绍一种方法供交流学习用:
(1)、新建一个Silverlight应用程序.
(2)、添加一个新的Silverlight用户控件,如PageSwitcher.xaml,将PageSwitcher.xaml文件中的Grid控件去掉,如下所示:
<UserControl x:Class="SP.PageSwitcher"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
</UserControl>
(3)、在PageSwitcher.xaml.cs文件中添加如下代码:
public partial class PageSwitcher : UserControl
{
public PageSwitcher()
{
InitializeComponent();
SwitchPage(new MainPage()); //MainPage是SL3.0中的默认起始页
}
/// <summary>
/// 切换页面
/// </summary>
/// <param name="newPage">需要被切换到的页面</param>
public void SwitchPage(UserControl newPage)
{
this.Content = newPage;
}
}
(4)、接下来,我们修改App.xaml.cs中的Application_Startup方法,修改起始页面。
private void Application_Startup(object sender, StartupEventArgs e)
{
this.RootVisual = new PageSwitcher();
}
(5)、这时可以添加新的页面,如LoginSuccess.xaml页面,在LoginSuccess.xaml文件中添加如下代码:
<UserControl x:Class="SP.LoginSuccess"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<TextBlock>
跳转成功!
</TextBlock>
<Button x:Name="btnReturn" Content="返回" Click="btnReturn_Click" Height="20" Width="100" Margin="0,0,100,200"></Button>
</Grid>
</UserControl>
主要是提示跳转成功,并可以点击按钮返回。
LoginSuccess.xaml.cs文件如下:
public partial class LoginSuccess : UserControl
{
public LoginSuccess()
{
InitializeComponent();
}
private void btnReturn_Click(object sender, RoutedEventArgs e)
{
PageSwitcher pageSwitcher = this.Parent as PageSwitcher;
pageSwitcher.SwitchPage(new MainPage());
}
}
(6)、在MainPage.xaml文件中添加一个按钮,用于跳转到LoginSuccess.xaml页面。
MainPage.xaml文件代码如下:
<UserControl x:Class="SP.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<Button x:Name="btnLogin" Content="登录" Click="btnLogin_Click" Width="100" Height="20"></Button>
</Grid>
</UserControl>
MainPage.xaml.cs文件代码如下:
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
private void btnLogin_Click(object sender, RoutedEventArgs e)
{
PageSwitcher pageSwitcher = this.Parent as PageSwitcher;
pageSwitcher.SwitchPage(new LoginSuccess());
}
}
OK,搞定!
(1)、新建一个Silverlight应用程序.
(2)、添加一个新的Silverlight用户控件,如PageSwitcher.xaml,将PageSwitcher.xaml文件中的Grid控件去掉,如下所示:
<UserControl x:Class="SP.PageSwitcher"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
</UserControl>
(3)、在PageSwitcher.xaml.cs文件中添加如下代码:
public partial class PageSwitcher : UserControl
{
public PageSwitcher()
{
InitializeComponent();
SwitchPage(new MainPage()); //MainPage是SL3.0中的默认起始页
}
/// <summary>
/// 切换页面
/// </summary>
/// <param name="newPage">需要被切换到的页面</param>
public void SwitchPage(UserControl newPage)
{
this.Content = newPage;
}
}
(4)、接下来,我们修改App.xaml.cs中的Application_Startup方法,修改起始页面。
private void Application_Startup(object sender, StartupEventArgs e)
{
this.RootVisual = new PageSwitcher();
}
(5)、这时可以添加新的页面,如LoginSuccess.xaml页面,在LoginSuccess.xaml文件中添加如下代码:
<UserControl x:Class="SP.LoginSuccess"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<TextBlock>
跳转成功!
</TextBlock>
<Button x:Name="btnReturn" Content="返回" Click="btnReturn_Click" Height="20" Width="100" Margin="0,0,100,200"></Button>
</Grid>
</UserControl>
主要是提示跳转成功,并可以点击按钮返回。
LoginSuccess.xaml.cs文件如下:
public partial class LoginSuccess : UserControl
{
public LoginSuccess()
{
InitializeComponent();
}
private void btnReturn_Click(object sender, RoutedEventArgs e)
{
PageSwitcher pageSwitcher = this.Parent as PageSwitcher;
pageSwitcher.SwitchPage(new MainPage());
}
}
(6)、在MainPage.xaml文件中添加一个按钮,用于跳转到LoginSuccess.xaml页面。
MainPage.xaml文件代码如下:
<UserControl x:Class="SP.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<Button x:Name="btnLogin" Content="登录" Click="btnLogin_Click" Width="100" Height="20"></Button>
</Grid>
</UserControl>
MainPage.xaml.cs文件代码如下:
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
}
private void btnLogin_Click(object sender, RoutedEventArgs e)
{
PageSwitcher pageSwitcher = this.Parent as PageSwitcher;
pageSwitcher.SwitchPage(new LoginSuccess());
}
}
OK,搞定!
相关文章推荐
- Silverlight页面切换方法
- Android多页面切换,保持Java中Socket长连接之静态方法
- 点击页面任何地方执行方法切换
- android页面切换和常用方法的执行顺序
- 如何在Silverlight中切换“页面”
- asp.net的页面,录入控件用回车代替TAB切换的方法。。
- silverlight 和内嵌页面进行交互的方法
- Angular--页面间切换及传值的四种方法
- Portal系统中当切换学生时仍旧停留在当前页面的实现方法
- Silverlight (TabControl)同一页面多选项切换展示
- Silverlight最简单的页面传值方法
- 浅析Fragment和ViewPager切换页面方法
- windows7系统实现3D切换页面的方法及无法实现3D切换原因
- easyui中tabs的单tab点击切换其他页面借用update方法
- Silverlight刷新页面方法
- Android页面切换方法和区别
- jquery mobile切换页面的几种方法 .
- jQueryMobile之Helloworld与页面切换的方法
- silverlight 页面切换
- C# WinForm页面切换导致闪烁的解决方法