Visual Studio中C#程序点击Next按钮跳转新页面实现求助

嘿，我来帮你搞定这个页面跳转的事儿！看你的代码结构，应该是在做UWP或者WPF应用对吧？要实现点击“Next”按钮跳转到能添加更多元素的新页面，其实步骤超简单，我一步步给你捋清楚：

第一步：创建目标新页面 #

首先你得先有个要跳过去的页面呀！在Visual Studio里操作：

• 右键你的HelloWorld项目 → 选择「添加」→「新建项」
• 在弹出的窗口里选「空白页」（UWP）或者「WPF页面」（WPF），给它起个名字比如SecondPage，然后点击添加。这样就自动生成了SecondPage.xaml和对应的后台代码文件SecondPage.xaml.cs。

第二步：完善Next按钮的点击事件 #

你现在的代码里ClickMe_C...没写完，先把Next按钮的点击事件补全，实现导航逻辑：

先确认XAML里的按钮绑定了Click事件 #

打开MainPage.xaml，找到你的Next按钮，确保它有Click属性绑定到事件方法，比如：

<Button x:Name="Next" Content="Next" Click="Next_Click" Visibility="Collapsed"/>

补全后台代码的导航逻辑 #

打开MainPage.xaml.cs，添加Next按钮的点击事件处理方法，用Frame.Navigate来跳转到新页面：

namespace HelloWorld
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            this.Next.Visibility = Visibility.Collapsed;
        }

        // 假设你有个ClickMe按钮，点击后显示Next按钮（这里补全你的ClickMe事件）
        private void ClickMe_Click(object sender, RoutedEventArgs e)
        {
            this.Next.Visibility = Visibility.Visible;
        }

        // Next按钮的点击事件：跳转到SecondPage
        private void Next_Click(object sender, RoutedEventArgs e)
        {
            // 核心就是这句，用当前页面的Frame导航到目标页面类型
            this.Frame.Navigate(typeof(SecondPage));
        }
    }
}

第三步：给新页面添加元素 #

现在你可以在SecondPage.xaml里随便加按钮、文本这些元素了，比如我给你写个示例：

<Page
    x:Class="HelloWorld.SecondPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:HelloWorld"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <!-- 添加文本 -->
        <TextBlock Text="欢迎来到新页面！" FontSize="28" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        <!-- 添加返回按钮 -->
        <Button Content="回到主页" Click="BackButton_Click" Margin="20" HorizontalAlignment="Left" VerticalAlignment="Top"/>
        <!-- 你还可以加更多按钮、输入框啥的 -->
        <Button Content="新按钮" Margin="0,0,20,20" HorizontalAlignment="Right" VerticalAlignment="Bottom"/>
    </Grid>
</Page>

如果需要返回上一页，就在SecondPage.xaml.cs里加返回按钮的事件：

namespace HelloWorld
{
    public sealed partial class SecondPage : Page
    {
        public SecondPage()
        {
            this.InitializeComponent();
        }

        private void BackButton_Click(object sender, RoutedEventArgs e)
        {
            // 判断能不能返回，能的话就回到上一页
            if (this.Frame.CanGoBack)
            {
                this.Frame.GoBack();
            }
        }
    }
}

小提示 #

• 要确保你的应用是基于Frame导航的，比如UWP的默认模板里，主窗口就是用Frame来承载页面的，WPF的话可能需要在App.xaml里设置StartupUri为Frame或者把MainPage放在Frame中，这样导航才能正常工作。
• 如果是WPF项目，代码几乎一样，只是命名空间和一些资源引用略有区别，核心的Frame.Navigate逻辑是通用的。

内容的提问来源于stack exchange，提问作者4RJ