2012-10-30 19 views
9

Rozpoczęłam naukę MahApps.Metro. Przeczytałem dokumentację i mam problem. Jak dodać AnimatedTabControl?Jak dodać AnimatedTabControl do MahApps.Metro?

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

Potem zaczął się rozwijać okno:

<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 okno działa dobrze, ale nie mam pojęcia jak dodać AnimatedTabControl ... To nie zawarte w przestrzeni nazw Controls:.

Chcę zrobić coś takiego:
Tabs

Odpowiedz

16

dodasz

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

do elementu

<ResourceDictionary.MergedDictionaries> 

na górze .xaml wówczas będzie TabControl być animowanym (nadal używasz znacznika TabControl, ale będzie on używać stylu Controls.AnimatedTabControl ..

Oto przykład całego tagu 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> 
+2

Ahhh, więc trzeba stworzyć nową kontrolę zakładka: ' '? Sprawdzę to dziś wieczorem, ponieważ teraz jestem w pracy :) – Nickon

+1

Tak, sterowanie twoją kartą będzie automatycznie animowane, o ile dodasz zasób do animatedtabcontrol –