【WPF】用代码给集合容器动态添加子元素

需求:如何向 TabControl 中添加选项卡项。

问题:做的TabControl分页栏想要通过代码来控制添加的子元素。同理可以将解决思路拓展到用于其他的集合控件添加子元素的问题。


在布局文件ShellWindow.xaml中定义了一个TabControl控件,如下:

<Window x:Class="WafApplication1.Presentation.Views.ShellWindow"
        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:vm="clr-namespace:WafApplication1.Applications.ViewModels"
        xmlns:local="clr-namespace:WafApplication1"
        mc:Ignorable="d" Title="{Binding Title}" Icon="{StaticResource ApplicationIcon}" Width="800" Height="600"
        d:DataContext="{d:DesignInstance vm:ShellViewModel}">

    <DockPanel>
        <Menu DockPanel.Dock="Top">
            <MenuItem Header="_File">
                <MenuItem Header="E_xit" Command="{Binding ExitCommand}"/>
            </MenuItem>
        </Menu>

        <!-- 右侧顶部分页栏/分组栏 -->
        <TabControl x:Name="tabControl" DockPanel.Dock="Top" Margin="410,0,10,0" Height="300" VerticalAlignment="Top">
        </TabControl>

    </DockPanel>
</Window>
using System.Collections;
using System.Collections.Generic;
using System.ComponentModel.Composition;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using WafApplication1.Applications.Views;

namespace WafApplication1.Presentation.Views
{
    public partial class ShellWindow : Window, IShellView
    {
        private string[] tabItemNames = new string[] {
            "户型","空间","造型/材料","品牌","我的空间",
        };

        public ShellWindow()
        {
            InitializeComponent();
            InitTabControlItemsName();
        }

        /// <summary>
        /// 初始化UI分页栏的各个分页标题
        /// </summary>
        public void InitTabControlItemsName()
        {
            int childCount = VisualTreeHelper.GetChildrenCount(tabControl);
            for (int i = 0; i < tabItemNames.Length; i++)
            {
                // 实例化一个分页栏子元素
                TabItem item = new TabItem() { Header = tabItemNames[i]};
                // 关键点:获取集合控件的子元素集合
                ItemCollection coll = tabControl.Items; 
                // 向集合中添加子元素
                coll.Add(item);
            }
        }

运行之后效果如下:

这里写图片描述

运行时拖动改变界面的宽高,可以看到选项卡的变化效果如下:

这里写图片描述

MSDN中该问题的描述:

如何:向 TabControl 中添加选项卡项

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值