[Silverlight 技巧探讨1]用Silverlight简单实现多TabItem关闭效果

<UserControl x:Class="SL.Demo1.MainPage"

    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"

    mc:Ignorable="d"

    d:DesignHeight="300" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">



    <Grid x:Name="LayoutRoot" Background="White">

        <sdk:TabControl x:Name="Tab" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">

            <sdk:TabItem Width="80" Name="TabItem_page1">

                <sdk:TabItem.Header>

                    <StackPanel Orientation="Horizontal">

                        <TextBlock Text="One" VerticalAlignment="Center"></TextBlock>

                        <Button Content="X" Name="btn1" Margin="20,0,0,0" Width="20" Click="btn1_Click"/>

                    </StackPanel>

                </sdk:TabItem.Header>

                This is first page

            </sdk:TabItem>

            <sdk:TabItem Width="80" Name="TabItem_page2">

                <sdk:TabItem.Header>

                    <StackPanel Orientation="Horizontal">

                        <TextBlock Text="Two" VerticalAlignment="Center"></TextBlock>

                        <Button Content="X" x:Name="btn2" Margin="20,0,0,0" Width="20" Click="btn2_Click"/>

                    </StackPanel>

                </sdk:TabItem.Header>

                This is second page

            </sdk:TabItem>

        </sdk:TabControl>

    </Grid>

</UserControl>

 后台托管代码：

using System.Windows;

using System.Windows.Controls;



namespace SL.Demo1
{

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

        }



        private void btn1_Click(object sender, RoutedEventArgs e)

        {

            Tab.Items.Remove(TabItem_page1);

        }

        private void btn2_Click(object sender, RoutedEventArgs e)

        {

            Tab.Items.Remove(TabItem_page2);

        }

    }

}

最终的效果如下：