2015-12-29 55 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