2015-12-29 85 views
2

在MahApps Metro源代碼中,示例解決方案包含Visual Studio樣式的演示應用程序。MahApps Metro - 將選項轉換爲選項卡控件

enter image description here

我需要在Visual Studio風格AnimatedSingleRowTabControl結合。 我已經修改了XAML:

<Style x:Key="VsTabControl" TargetType="{x:Type TabControl}"> 

要:

<Style x:Key="VsTabControl" TargetType="{x:Type AnimatedSingleRowTabControl}"> 

過渡發揮預期的修改後,但在Visual Studio風格不見了。

任何人都可以幫助我實現這個目標嗎?

+1

可能是你需要改進Mahapps /地鐵源碼。 – AgentFire

+1

Style'BasedOn'? –

+0

試過了,但沒有成功。可能是我錯過了一些東西。 – Rahul

回答

1

如果您有MahApps的來源,則應該在MahApps.Metro項目中導航到Styles/VS/TabControl.xaml。

要將動畫添加到這個TabControl,修改這樣的來源:

  1. 打開MahApps.Metro /風格/ VS/TabControl.xaml
  2. 添加下面的事情第一ResourceDictionary
    • 的xmlns:行爲=「clr-命名空間:MahApps.Metro.Behaviours」
    • 的xmlns:控制= 「CLR的命名空間:MahApps.Metro.Controls」
  3. 向下滾動,直到你看到<Setter Property="Template">
  4. 添加<Setter Property="Controls:TabControlHelper.Transition" Value="Left" />模板
  5. 以上
  6. 用已寫入MetroAnimatedTabControlTemplate替換Template並刪除所有背景屬性。此外,從Controls:MetroAnimatedTabControl改變TargetType只是一個普通TabControl

完整的VS/TabControl.xaml源可以在這裏找到:http://pastebin.com/Ssbxg41a

GIF :D