WPF 多个选项卡TabControl 页面分离

此项目源码下载地址：https://github.com/lizhiqiang0204/TabControl-page-separation

每个页面的按键处理事件直接对应该页面下的cs文件

MainWindow.xaml文件如下

<Window x:Class="WpfApp1.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:local="clr-namespace:WpfApp1"

        mc:Ignorable="d"

        Title="MainWindow" Height="" Width="">

    <Grid>

        <TabControl>

            <TabItem Header="Page1">

                <Frame Source="/WpfApp1;component/Pages/Page1.xaml"/>

            </TabItem>

            <TabItem Header="Page2">

                <Frame Source="/WpfApp1;component/Pages/Page2.xaml"/>

            </TabItem>

            <TabItem Header="Page3">

                <Frame Source="/WpfApp1;component/Pages/Page3.xaml"/>

            </TabItem>

        </TabControl>

    </Grid>

</Window>

Page1.xaml文件如下：

<Page x:Class="WpfApp1.Pages.Page1"

      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

      xmlns:local="clr-namespace:WpfApp1.Pages"

      mc:Ignorable="d"

      d:DesignHeight="" d:DesignWidth=""

      Title="Page1">

    <Grid>

        <Button Click="Button_Click" Content="Page1" HorizontalAlignment="Left" Margin="213,124,0,0" VerticalAlignment="Top" Width="" />

    </Grid>

</Page>

Page1.xaml.cs文件如下

namespace WpfApp1.Pages

{

    /// <summary>

    /// Page1.xaml 的交互逻辑

    /// </summary>

    public partial class Page1 : Page

    {

        public Page1()

        {

            InitializeComponent();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            MessageBox.Show("页面1按键事件！");

        }

    }

}

其他页面以此类推，整个运行结果界面如下

如果Page与Window之间有调用关系的话还需要进一步增加点内容，参考https://www.cnblogs.com/lizhiqiang0204/p/11713414.html

巴特西

WPF 多个选项卡TabControl 页面分离

最新文章

热门文章