2012-10-30 22 views
9

MahApps.Metro'u öğrenmeye başladım. Belgeleri okudum ve bir problemim var. AnimatedTabControl nasıl eklenir? Bundan sonraAnimatedTabControl MahApps.Metro'ya nasıl eklenir?

<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> 

pencereyi geliştirmeye başlamıştır:

Ben ResourceDictionaries dahil ettik

<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 pencere çalışıyor ama AnimatedTabControl nasıl ekleneceği hiçbir fikri ... Bu var Controls: ad alanına dahil değildir.
Tabs

cevap

16

Sen .xaml üst sonra TabPage'ler olacak en

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

<ResourceDictionary.MergedDictionaries> 

elemana ekleyin:

böyle bir şey yapmak istiyorum Animasyonlu olun (hala TabControl etiketini kullanın, ancak Controls.AnimatedTabControl stilini kullanacaktır.İşte bütün ResourceDictionary etiketi

<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> 
+2

Ahhh örneği var, bu yüzden yeni bir sekme denetimi oluşturmak gerekir: ' '? Bu akşam kontrol edeceğim, çünkü şimdi işte çalışıyorum :) – Nickon

+1

Evet, animatedtabcontrol kaynağına eklediğiniz sürece sekme kontrolünüz otomatik olarak animasyonlu olacak –