Как я могу перемещать TabItem TabControl?

<Border Background="#FF260F54"> 
    <TabControl Name="MyTabCtrl" SelectionChanged="MyTabCtrl_SelectionChanged" > 
     <TabItem Name="TItem01" Header="01"> 
      <TextBlock>TItem01</TextBlock> 
     </TabItem> 
     <TabItem Name="TItem02" Header="02"> 
      <TextBlock>TItem02</TextBlock> 
     </TabItem> 
    </TabControl> 
</Border>

Я хочу сделать TItem01 перемещаться влево на 200 пикселей, а затем показать TItem02. Что мне делать? Пожалуйста, помогите мне. Большое спасибо!Как я могу перемещать TabItem TabControl?

источник

2012-04-12 Mymuma

Не знаю, если это самый простой способ, но я бы изменить значение по умолчанию TabControl Style:

<SolidColorBrush x:Key="WindowBackgroundBrush" Color="#FFF" /> 
<SolidColorBrush x:Key="SolidBorderBrush" Color="#888" /> 
<SolidColorBrush x:Key="DisabledForegroundBrush" Color="#888" /> 
<SolidColorBrush x:Key="DisabledBorderBrush" Color="#AAA" /> 
<Style TargetType="{x:Type TabControl}"> 
    <Setter Property="OverridesDefaultStyle" Value="True" /> 
    <Setter Property="SnapsToDevicePixels" Value="True" /> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type TabControl}"> 
       <Grid KeyboardNavigation.TabNavigation="Local"> 
        <Grid.RowDefinitions> 
         <RowDefinition Height="Auto"/> 
         <RowDefinition Height="*"/> 
        </Grid.RowDefinitions> 
        <TabPanel 
         Name="HeaderPanel" 
         Grid.Row="0" 
         Panel.ZIndex="1" 
         Margin="200,0,4,-1" 
         IsItemsHost="True" 
         KeyboardNavigation.TabIndex="1" 
         Background="Transparent" /> 
        <Border 
         Name="Border" 
         Grid.Row="1" 
         Background="{StaticResource WindowBackgroundBrush}" 
         BorderBrush="{StaticResource SolidBorderBrush}" 
         BorderThickness="1" 
         CornerRadius="2" 
         KeyboardNavigation.TabNavigation="Local" 
         KeyboardNavigation.DirectionalNavigation="Contained" 
         KeyboardNavigation.TabIndex="2" > 
         <ContentPresenter 
          Name="PART_SelectedContentHost" 
          Margin="4" 
          ContentSource="SelectedContent" /> 
        </Border> 
       </Grid> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsEnabled" Value="False"> 
         <Setter Property="Foreground" Value="{StaticResource DisabledForegroundBrush}" /> 
         <Setter TargetName="Border" Property="BorderBrush" Value="{StaticResource DisabledBorderBrush}" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

Обратите внимание на свойство Margin от TabPanel элемента в ContolTemplate? Эта маржа определяет, где начинаются вкладки. По умолчанию это 0,0,4, -1, и я изменил его на 200,0,4, -1, чтобы соответствовать вашему требованию.

Если вам интересно, как я создал стиль, существует несколько способов. Самый простой способ - использовать Expression Blend. Он имеет возможность «разбить» ваш контроль и выставить все его части и стили по умолчанию. Другим способом является поиск MSDN для ControlTemplates, потому что они являются общедоступными. (Я использовал второй метод)

источник

2012-04-12 13:44:09 AlexDrenea

Как я могу перемещать TabItem TabControl?

ответ

Смежные вопросы