修改TabControl的样式(SilverLight)

概述主程序文件： <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:sdk="http://schemas.microsoft.com/winfx/2006

主程序文件：

<UserControl  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"  x:Class="TabControl.MainPage">    <UserControl.Resources>    <ResourceDictionary>      <ResourceDictionary.MergedDictionarIEs>        <ResourceDictionary Source="ResourceDictionary.xaml"/>      </ResourceDictionary.MergedDictionarIEs>    </ResourceDictionary>      </UserControl.Resources>  <GrID x:name="LayoutRoot" Background="White">    <sdk:TabControl HorizontalAlignment="left" Height="200" GrID.Row="1" VerticalAlignment="top" WIDth="450"       TabStripPlacement="top"      Style="{StaticResource SouthTabControlStyle}">      <sdk:TabItem @R_404_5548@="TabItem" name="tabItem01" Style="{StaticResource SouthTabItemStyle}" >        <GrID Background="#FFFFFFFF" margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">          <GrID.RowDeFinitions>            <RowDeFinition Height="35"/>            <RowDeFinition Height="*" />          </GrID.RowDeFinitions>          <StackPanel GrID.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Background="#FF44B3DE">            <TextBlock Height="53" WIDth="147" HorizontalAlignment="left" margin="10,10" Text="asdfasdf" VerticalAlignment="Center"/>          </StackPanel>        </GrID>      </sdk:TabItem>      <sdk:TabItem @R_404_5548@="TabItem" name="tabItem02" Style="{StaticResource SouthTabItemStyle}">        <GrID Background="#FFE5E5E5" margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">          <TextBlock Height="53" WIDth="147" HorizontalAlignment="left" margin="22,13,0" Text="asdfasdf" VerticalAlignment="top"/>        </GrID>      </sdk:TabItem>            <sdk:TabItem @R_404_5548@="TabItem" name="tabItem03" Style="{StaticResource SouthTabItemStyle}">        <GrID Background="#FFE5E5E5" margin="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">          <TextBlock Height="53" WIDth="147" HorizontalAlignment="left" margin="22,0" Text="asdfasdf" VerticalAlignment="top"/>        </GrID>      </sdk:TabItem>    </sdk:TabControl>              </GrID></UserControl>

资源文件：ResourceDictionary.xaml

<ResourceDictionary  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"   xmlns:System_windows_Controls_Primitives="clr-namespace:System.windows.Controls.Primitives;assembly=System.windows.Controls">    <!-- 应该在此定义资源字典条目。-->  <Style x:Key="SouthTabControlStyle" targettype="sdk:TabControl">    <Setter Property="IsTabStop" Value="False"/>    <Setter Property="Background" Value="#FFFFFF" />    <Setter Property="borderBrush" Value="#FFCDCDCD" />    <Setter Property="borderThickness" Value="1"/>    <Setter Property="padding" Value="0"/>    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>    <Setter Property="VerticalContentAlignment" Value="Stretch"/>    <Setter Property="Template">      <Setter.Value>        <ControlTemplate targettype="sdk:TabControl">          <GrID>            <visualstatemanager.VisualStateGroups>              <VisualStateGroup x:name="CommonStates">                <VisualStateGroup.Transitions>                  <VisualTransition GeneratedDuration="0"/>                </VisualStateGroup.Transitions>                <VisualState x:name="normal"/>                <VisualState x:name="Disabled">                  <Storyboard>                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.Targetname="DisabledVisualtop">                      <SplineDoubleKeyFrame KeyTime="0" Value="1"/>                    </DoubleAnimationUsingKeyFrames>                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.Targetname="DisabledVisualBottom">                      <SplineDoubleKeyFrame KeyTime="0" Value="1"/>                    </DoubleAnimationUsingKeyFrames>                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.Targetname="DisabledVisualleft">                      <SplineDoubleKeyFrame KeyTime="0" Value="1"/>                    </DoubleAnimationUsingKeyFrames>                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.Targetname="DisabledVisualRight">                      <SplineDoubleKeyFrame KeyTime="0" Value="1"/>                    </DoubleAnimationUsingKeyFrames>                  </Storyboard>                </VisualState>              </VisualStateGroup>            </visualstatemanager.VisualStateGroups>            <GrID x:name="Templatetop" Visibility="Collapsed">              <GrID.RowDeFinitions>                <RowDeFinition Height="auto"/>                <RowDeFinition Height="*"/>              </GrID.RowDeFinitions>              <System_windows_Controls_Primitives:TabPanel x:name="TabPaneltop" margin="2,2,-1" Canvas.ZIndex="1"/>              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="{TemplateBinding borderThickness}" Background="{TemplateBinding Background}" CornerRadius="0,0" MinWIDth="10" MinHeight="10" GrID.Row="1">                <ContentPresenter x:name="Contenttop" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" margin="{TemplateBinding padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>              </border>              <border x:name="DisabledVisualtop" Background="#8CFFFFFF" CornerRadius="0,0" IsHitTestVisible="False" Opacity="0" GrID.Row="1" GrID.rowspan="2" Canvas.ZIndex="1"/>            </GrID>            <GrID x:name="TemplateBottom" Visibility="Collapsed">              <GrID.RowDeFinitions>                <RowDeFinition Height="*"/>                <RowDeFinition Height="auto"/>              </GrID.RowDeFinitions>              <System_windows_Controls_Primitives:TabPanel x:name="TabPanelBottom" margin="2,-1,2" GrID.Row="1" Canvas.ZIndex="1"/>              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="{TemplateBinding borderThickness}" Background="{TemplateBinding Background}" CornerRadius="3,3,0" MinWIDth="10" MinHeight="10">                <ContentPresenter x:name="ContentBottom" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" margin="{TemplateBinding padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>              </border>              <border x:name="DisabledVisualBottom" Background="#8CFFFFFF" CornerRadius="3,0" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1"/>            </GrID>            <GrID x:name="Templateleft" Visibility="Collapsed">              <GrID.ColumnDeFinitions>                <ColumnDeFinition WIDth="auto"/>                <ColumnDeFinition WIDth="*"/>              </GrID.ColumnDeFinitions>              <System_windows_Controls_Primitives:TabPanel x:name="TabPanelleft" margin="2,2" Canvas.ZIndex="1"/>              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="{TemplateBinding borderThickness}" Background="{TemplateBinding Background}" GrID.Column="1" CornerRadius="0,0" MinWIDth="10" MinHeight="10">                <ContentPresenter x:name="Contentleft" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" margin="{TemplateBinding padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>              </border>              <border x:name="DisabledVisualleft" Background="#8CFFFFFF" GrID.Column="1" CornerRadius="0,0" IsHitTestVisible="False" Opacity="0" Canvas.ZIndex="1"/>            </GrID>            <GrID x:name="TemplateRight" Visibility="Collapsed">              <GrID.ColumnDeFinitions>                <ColumnDeFinition WIDth="*"/>                <ColumnDeFinition WIDth="auto"/>              </GrID.ColumnDeFinitions>              <System_windows_Controls_Primitives:TabPanel x:name="TabPanelRight" GrID.Column="1" margin="-1,2" Canvas.ZIndex="1"/>              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="{TemplateBinding borderThickness}" Background="{TemplateBinding Background}" CornerRadius="3,3" MinWIDth="10" MinHeight="10">                <ContentPresenter x:name="ContentRight" Cursor="{TemplateBinding Cursor}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" margin="{TemplateBinding padding}" VerticalAlignment="{TemplateBinding VerticalAlignment}"/>              </border>              <border x:name="DisabledVisualRight" Background="#8CFFFFFF" CornerRadius="3,3" IsHitTestVisible="False" margin="0" Opacity="0" Canvas.ZIndex="1"/>            </GrID>          </GrID>        </ControlTemplate>      </Setter.Value>    </Setter>  </Style>        <Style x:Key="SouthTabItemStyle" targettype="sdk:TabItem">    <Setter Property="IsTabStop" Value="False"/>    <Setter Property="Background" Value="#FF44b3de"/>    <Setter Property="borderBrush" Value="#FFCDCDCD"/>    <Setter Property="padding" Value="6,6,2"/>    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>    <Setter Property="VerticalContentAlignment" Value="Stretch"/>    <Setter Property="MinWIDth" Value="100"/>    <Setter Property="MinHeight" Value="35"/>    <Setter Property="Template">      <Setter.Value>        <ControlTemplate targettype="sdk:TabItem">          <GrID x:name="Root">            <visualstatemanager.VisualStateGroups>              <VisualStateGroup x:name="CommonStates">                <VisualStateGroup.Transitions>                  <VisualTransition GeneratedDuration="0"/>                  <VisualTransition GeneratedDuration="0:0:0.1" To="MouSEOver"/>                </VisualStateGroup.Transitions>                <VisualState x:name="normal"/>                <VisualState x:name="MouSEOver" />                <VisualState x:name="Disabled" />                                </VisualStateGroup>              <VisualStateGroup x:name="SelectionStates">                <VisualState x:name="Unselected"/>                <VisualState x:name="Selected"/>              </VisualStateGroup>              <VisualStateGroup x:name="Focusstates">                <VisualState x:name="Focused" />                <VisualState x:name="Unfocused" />              </VisualStateGroup>            </visualstatemanager.VisualStateGroups>                        <!-- Tab在top位置 -->            <GrID x:name="TemplatetopSelected" Visibility="Collapsed" Canvas.ZIndex="1" margin="-2,0">              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="1,1,0" Background="{TemplateBinding Background}" CornerRadius="0" margin="0">                <border borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FF44B3DE">                                    <GrID>                    <Rectangle Fill="#FF44B3DE" margin="0"/>                    <ContentControl x:name="@R_404_5548@topSelected" Cursor="{TemplateBinding Cursor}" Foreground="#FFFFFFFF" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="FocusVisualtop" borderBrush="#FF44B3DE" borderThickness="1,0" CornerRadius="0" IsHitTestVisible="false" margin="0" Visibility="Collapsed"/>              <border x:name="DisabledVisualtopSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" margin="0" Opacity="0"/>            </GrID>            <GrID x:name="TemplatetopUnselected" Visibility="Collapsed" margin="-2,0">              <border x:name="bordertop" borderBrush="#FFCDCDCD" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0">                <border x:name="GradIEnttop" borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FFFFFFFF" >                  <GrID>                    <ContentControl x:name="@R_404_5548@topUnselected" Cursor="{TemplateBinding Cursor}" Foreground="#FF222222" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="DisabledVisualtopUnSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" Opacity="0"/>            </GrID>                        <!-- Tab在Bottom位置 -->            <GrID x:name="TemplateBottomSelected" Visibility="Collapsed" Canvas.ZIndex="1" margin="-2,0">              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0" margin="0">                <border borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FF44B3DE">                  <GrID>                    <Rectangle Fill="#FF44B3DE" margin="0"/>                    <ContentControl x:name="@R_404_5548@BottomSelected" Cursor="{TemplateBinding Cursor}" Foreground="#FFFFFFFF" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="FocusVisualBottom" borderBrush="#FF44B3DE" borderThickness="1,1" CornerRadius="0" IsHitTestVisible="false" margin="0" Visibility="Collapsed"/>              <border x:name="DisabledVisualBottomSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" margin="0" Opacity="0"/>            </GrID>            <GrID x:name="TemplateBottomUnselected" Visibility="Collapsed" margin="-2,0">              <border x:name="borderBottom" borderBrush="#FFCDCDCD" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0">                <border x:name="GradIEntBottom" borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FFFFFFFF" >                  <GrID>                    <ContentControl x:name="@R_404_5548@BottomUnselected" Cursor="{TemplateBinding Cursor}" Foreground="#FF222222" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="DisabledVisualBottomUnSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" Opacity="0"/>            </GrID>                        <!-- Tab在left位置 -->            <GrID x:name="TemplateleftSelected" Visibility="Collapsed" Canvas.ZIndex="1" margin="0,-2,0">              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0" margin="0">                <border borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FF44B3DE">                  <GrID>                    <Rectangle Fill="#FF44B3DE" margin="0"/>                    <ContentControl x:name="@R_404_5548@leftSelected" Cursor="{TemplateBinding Cursor}" Foreground="#FFFFFFFF" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="FocusVisualleft" borderBrush="#FF44B3DE" borderThickness="1,1" CornerRadius="0" IsHitTestVisible="false" margin="0" Visibility="Collapsed"/>              <border x:name="DisabledVisualleftSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" margin="0" Opacity="0"/>            </GrID>            <GrID x:name="TemplateleftUnselected" Visibility="Collapsed" margin="0,0">              <border x:name="borderleft" borderBrush="#FFCDCDCD" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0">                <border x:name="GradIEntleft" borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FFFFFFFF">                  <GrID>                    <ContentControl x:name="@R_404_5548@leftUnselected" Cursor="{TemplateBinding Cursor}" Foreground="#FF222222" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="DisabledVisualleftUnSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" Opacity="0"/>            </GrID>                        <!-- Tab在Right位置 -->            <GrID x:name="TemplateRightSelected" Visibility="Collapsed" Canvas.ZIndex="1" margin="0,0">              <border borderBrush="{TemplateBinding borderBrush}" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0" margin="0">                <border borderBrush="#FFFFFFFF" borderThickness="0" CornerRadius="0" Background="#FF44B3DE">                                    <GrID>                    <Rectangle Fill="#FF44B3DE" margin="0"/>                    <ContentControl x:name="@R_404_5548@RightSelected" Cursor="{TemplateBinding Cursor}" Foreground="#FFFFFFFF" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="FocusVisualRight" borderBrush="#FF44B3DE" borderThickness="0,1" CornerRadius="0" IsHitTestVisible="false" margin="0" Visibility="Collapsed"/>              <border x:name="DisabledVisualRightSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" margin="0" Opacity="0"/>            </GrID>            <GrID x:name="TemplateRightUnselected" Visibility="Collapsed" margin="0,0">              <border x:name="borderRight" borderBrush="#FFCDCDCD" borderThickness="1" Background="{TemplateBinding Background}" CornerRadius="0">                <border x:name="GradIEntRight" borderBrush="#FFFFFFFF" borderThickness="1" CornerRadius="0" Background="#FFFFFF">                  <GrID>                    <ContentControl x:name="@R_404_5548@RightUnselected" Cursor="{TemplateBinding Cursor}" Foreground="#FF222222" FontSize="{TemplateBinding FontSize}" HorizontalAlignment="Center" IsTabStop="False" margin="{TemplateBinding padding}" VerticalAlignment="Center"/>                  </GrID>                </border>              </border>              <border x:name="DisabledVisualRightUnSelected" Background="#8CFFFFFF" CornerRadius="0" IsHitTestVisible="false" Opacity="0"/>            </GrID>            <border x:name="FocusVisualElement" borderBrush="#FF6DBDD1" borderThickness="1" CornerRadius="0" IsHitTestVisible="false" margin="-1" Visibility="Collapsed"/>          </GrID>        </ControlTemplate>      </Setter.Value>    </Setter>  </Style></ResourceDictionary>

-- 结束（为了日后项目中使用）

总结

以上是内存溢出为你收集整理的修改TabControl的样式(SilverLight)全部内容，希望文章能够帮你解决修改TabControl的样式(SilverLight)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。