银光与WPF：ControlTemplate 中的 VisualStateManager 不起作用

Question

那么，大家好。

我制作了两个测试程序来创建自己的控件。一种在 Silverlight 中，一种在 WPF 中。我创建了一种 RangeSlider。该滑块当然有两个方向：水平和垂直。 首先，我使用两种不同的技术来创建 RangeSlider。在 WPF 中我使用了触发器，在 Silverlight 中（你知道没有触发器）我更改了 CodeBehind.This 运行中水平和垂直模板的可见性。

现在： 我正在尝试对 Silverlight 和 WPF 使用一种技术。因此我使用 VisualStateManager。

我有一个定义两个滑块的模板（一个用于左值，另一个用于右值）。重要值的简化如下所示：

...
<ControlTemplate>
  <Grid x:Name="PART_Content">
    <!-- VSM: See following code sequence -->
    <Grid x:Name="PART_HorizontalTemplate">
      <Slider x:Name="PART_HorizontalSliderLeft"
              Template="{StaticResource HorizontalSliderTemplate}"
              Orientation="{TemplateBinding Orientation}" />
      ...
    </Grid>
    <Grid x:Name="PART_VerticalTemplate">
      ...
    </Grid>
  </Grid>
</ControlTemplate>

另外，还有 VSM 可在水平和垂直外观之间切换：

<VisualStateManager.VisualStateGroups>
  <VisualStateGroup>
    <VisualState x:Name="Vertical">
      <Storyboard>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_HorizontalTemplate"
                                       Storyboard.TargetProperty="Visibility">
          <DiscreteObjectKeyFrame Value="{x:Static Visibility.Collapsed}" KeyTime="0"/>
        </ObjectAnimationUsingKeyFrames>
      </Storyboard>
    </VisualState>
    <VisualState x:Name="Horizontal" />
  </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

这仍然运行。

正如您在代码序列中看到的，Slider的视觉是由一个Template定义的，这里是Horizo​​ntalSliderTemplate（我再次减少代码）：

<ControlTemplate x:Key="HorizontalSliderTemplate" TargetType="{x:Type Slider}">
  <Border x:Name="Border" ...>
    <!-- VSM here. Like above. -->
    <Grid x:Name="Grid">
      <Rectangle x:Name="PART_SelectionRange"/>
      <Track x:Name="PART_Track">
        ...
      </Track>
    </Grid>
  </Border>
</ControlTemplate>

实际上还有一个VerticalSliderTemplate。 但我想将两个 ControlTemplate 合并在一个模板中并使用 VSM。这里我们遇到了我的问题：

我无法在“内部”ControlTemplate 中运行 VSM。它与正在运行的 VSM-Part 的代码几乎相同，只是 TargetName 发生了变化。我不知道如何调试 GoToState 上运行的内容，但我相信模板中的 VSM 永远不会被发现，并且永远不会执行。

我可以想象，只是缺少了一点细节，但我“只见树木，不见森林”。也许有一些关于模板或 VSM 的重要事情我不知道，而且我偏离了轨道。 或者我是否必须从外部触发“内部”VSM，或者有可能从“外部 VSM”访问 Elements？ 或者“内部”模板中无法访问 VSM？

我希望我能足够好地解释我的问题，并且有人知道解决方案或者我可以寻找的关键字。仅在谷歌中输入关键字VSM、ControlTemplate、Storyboard等没有任何帮助。

提前致谢。

Answer 1

我认为一个 ControlTemplate 中不能有多个 VSM。

为什么不只使用一个 VSM 来切换两者呢？

<ControlTemplate>
  <Grid x:Name="PART_Content">
    <Grid x:Name="PART_HorizontalTemplate">
      ...
    </Grid>
    <Grid x:Name="PART_VerticalTemplate">
      ...
    </Grid>
<VisualStateManager.VisualStateGroups>
  <VisualStateGroup>
    <VisualState x:Name="Vertical">
      <Storyboard>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_HorizontalTemplate"
                                       Storyboard.TargetProperty="Visibility">
          <DiscreteObjectKeyFrame Value="{x:Static Visibility.Collapsed}" KeyTime="0"/>
        </ObjectAnimationUsingKeyFrames>
      </Storyboard>
    </VisualState>
    <VisualState x:Name="Horizontal">
<Storyboard>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PART_VerticalTemplate"
                                       Storyboard.TargetProperty="Visibility">
          <DiscreteObjectKeyFrame Value="{x:Static Visibility.Collapsed}" KeyTime="0"/>
        </ObjectAnimationUsingKeyFrames>
      </Storyboard>
    </VisualState>
  </VisualStateGroup>
</VisualStateManager.VisualStateGroups>
  </Grid>
</ControlTemplate>

Answer 2

所以，我得到了一个解决方案。
在“内部”模板中，我添加了要切换 DataTrigger 的元素。此 DataTrigger 绑定到 PART_Horizo​​ntalTemplate Visibility，并包含执行我需要的操作的 Storyboard。

也许这并不是我真正想要的那种解决方案，因为它大大扩展了代码并使其看起来更复杂。但是 - 这是最重要的 - 它运行良好。