WPF实现选项卡效果（2）——动态添加AvalonDock选项卡

原文:WPF实现选项卡效果（2）——动态添加AvalonDock选项卡

简介

　　在前面一篇文章里面，我们使用AvalonDock实现了类似于VS的选项卡（或者浏览器的选项卡）效果。但是我们是通过xaml代码实现。

　　现在我们尝试通过C#代码实现选项卡的动态添加。

　　完整系列

　　● 第一部分

　　● 第二部分

　　● 第三部分

　　在Git中下载工程源码

修改Xaml代码

　　在前面一篇文章的Xaml代码里面，添加如下代码：　　

 <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Menu Name="Menu1"  Grid.Row="0">
            <MenuItem Name="item_AddNew" Header="添加新选项卡" Click="item_AddNew_Click"></MenuItem>
        </Menu>

　　在Xaml代码中，为LayoutDocumentPane添加Name属性。　　

<avalon:LayoutDocumentPane x:Name="layOutPane"  DockWidth="300">

　　在我们的设计中，我们通过点击“添加新选项卡”的菜单，来完成动态添加选项卡的工作。因此，动态添加的C#代码需要书写在item_AddNew_Click中。

书写C#代码，实现动态添加

　　打开MainWindow.xaml.cs文件，在代码头部添加如下引用：　

using Xceed.Wpf.AvalonDock;
using Xceed.Wpf.AvalonDock.Layout;

　　然后书写菜单的点击事件。　　

 int clickCount = 0;
        private void item_AddNew_Click(object sender, RoutedEventArgs e)
        {
            clickCount++;
            LayoutAnchorable layOutAnc = new LayoutAnchorable() { Title = "新选项卡"+clickCount };
            layOutAnc.Content = new TextBox() { Text="这是第"+clickCount+"个新选项卡"};
            layOutPane.Children.Add(layOutAnc);
        }

　　运行程序，效果如下：

　　

　　我们实现了选项卡的动态添加。