sliverlight:TabControl

I want to custom  the tagcontrol , I search many resources that don't introduce this subject detail.

I share the code here:

I can custom the header template and item template

 

<controls:TabControl x:Name="TagMenu"> <controls:TabItem > <controls:TabItem.HeaderTemplate> <DataTemplate> <Canvas Height="12" Width="52" VerticalAlignment="Top" > <TextBlock Text="Home" Canvas.Left="0" ></TextBlock> <!--<Image Source="../Images/redclose.png" Width="12" Height="12" VerticalAlignment="Top" Canvas.Left="50" Canvas.Top="0"></Image>--> </Canvas> <!--<StackPanel Orientation="Horizontal" Height="20"> <TextBlock Text="Home" Margin="0 2 10 2"></TextBlock> <Image Source="../Images/redclose.png" VerticalAlignment="Top" Width="12" Height="12"></Image> </StackPanel>--> </DataTemplate> </controls:TabItem.HeaderTemplate> <controls:TabItem.ContentTemplate> <DataTemplate > <navigation:Frame Source="/views/HomePage.xaml"></navigation:Frame> </DataTemplate> </controls:TabItem.ContentTemplate> </controls:TabItem> </controls:TabControl>