Làm thế nào để thêm AnimatedTabControl trong MahApps.Metro?

Question

Tôi đã bắt đầu học MahApps.Metro. Tôi đọc tài liệu và gặp vấn đề. Cách thêm AnimatedTabControl?

Tôi đã bao gồm ResourceDictionaries:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 
     <ResourceDictionary.MergedDictionaries> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colours.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Purple.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseDark.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/FlatButton.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedSingleRowTabControl.xaml" /> 
     </ResourceDictionary.MergedDictionaries> 
    </ResourceDictionary> 

Sau đó tôi bắt đầu phát triển cửa sổ:

<Controls:MetroWindow x:Class="MyProject.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" 
     xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
     xmlns:behaviours="clr-namespace:MahApps.Metro.Behaviours;assembly=MahApps.Metro" 
     Title="MyProject" ShowIconOnTitleBar="True" SaveWindowPosition="True" Height="350" Width="525"> 
    <Window.Resources> 
     <ResourceDictionary Source="Styles\MetroStyles.xaml" /> 
    </Window.Resources> 

    <Controls:MetroWindow.WindowCommands> 
     <Controls:WindowCommands> 
      <Button Content="about" /> 
      <Button Content="settings" /> 
     </Controls:WindowCommands> 
    </Controls:MetroWindow.WindowCommands> 

    <Grid> 
     <Controls:TransitioningContentControl x:Name="Transitioning" Transition="RightReplaceTransition"> 

     </Controls:TransitioningContentControl> 
    </Grid> 
</Controls:MetroWindow> 

Metro cửa sổ hoạt động tốt nhưng tôi không có ý tưởng làm thế nào để thêm AnimatedTabControl ... Nó không được bao gồm trong không gian tên Controls:.

Tôi muốn làm điều gì đó như thế:

Answer 1

Bạn thêm

<ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" /> 

tới phần tử

<ResourceDictionary.MergedDictionaries> 

ở phía trên cùng của .xaml sau đó TabControl của bạn sẽ hoạt hình (bạn vẫn sử dụng thẻ TabControl nhưng nó sẽ sử dụng kiểu Controls.AnimatedTabControl ..

Dưới đây là các ví dụ về toàn bộ thẻ ResourceDictionary

<ResourceDictionary> 
     <ResourceDictionary.MergedDictionaries> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colours.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" /> 
      <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.AnimatedTabControl.xaml" /> 
     </ResourceDictionary.MergedDictionaries> 
    </ResourceDictionary> 
</Window.Resources>