您现在的位置是:首页 > 文章详情

WPF实现选项卡效果(2)——动态添加AvalonDock选项卡

日期:2018-08-13点击:878
原文: 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);
        }

  运行程序,效果如下:
  这里写图片描述
  我们实现了选项卡的动态添加。

原文链接:https://yq.aliyun.com/articles/677840
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章