Silverlight页面切换方法

简介: 初学Silverlight时,会遇到页面间切换问题,这里介绍一种方法供交流学习用: (1)、新建一个Silverlight应用程序.

初学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,搞定!

 

相关文章

热门文章

最新文章