1

我想使用我的控件的 Foreground 值作为 ControlTemplate 中 VisualState ColorAnimation 的源。

我的模板定义看起来主要像 ToggleButton 的标准模板，带有一些 mods（标记为 <<<.....>>>）：

<Style TargetType="ToggleButton>
  <Setter .../>
  ...
  <<< <Setter Property="Foreground" Value="#FF000000"/> >>>
  ...
  <Setter .../>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="ToggleButton">
        <Grid>
          <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="CommonStates">
              <VisualState .../>
              <VisualState x:Name="PointerOver">
                <Storyboard>
                  <ColorAnimation Duration="0" Storyboard.Target="BackgroundGradient" Storybord.TargetProperty="(Rectangel.Fill).(GradientBrush.GradientStop)[1].(GradientStopColor)" <<< To="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" >>> />
                </Storyboard>
              </VisualState>
      ...
    ...
  ...
</Style>
...
...
<ToggleButton <<< Foreground="#FFFF0000" >>> ...../>

所以我希望看到动画使用设置的前景色（#FFFF0000）作为鼠标悬停动画的一部分，但它什么也没做。当我在动画定义中写 To="#FFFF0000" 时，我得到了预期的结果，但我想保持动画颜色动态并且对于我的应用程序中的每个 ToggleButton 都不同。

知道如何解决这个问题吗？

请！

编辑：在尝试通过向 ContentPresenter 添加一个带有 LinearGradientBrush 的新矩形来实现与上述类似的效果之后，其中一个 GradientStop 应该绑定到 {TemplateBinding Foreground}，我现在收到一个错误，可能会启发我的问题“对象类型“Windows.UI.xaml.DependencyProperty”无法转换为类型“System.Windows.DependencyProperty”。” 看起来 {TemplateBinding ...} 会产生错误类型的 DependencyProperty 或 GradientStop 预计 Windows 应用商店应用程序中的类型错误。然而！有没有办法通过 XAML 中的显式类型转换或任何其他解决方法来克服这个问题？

谢谢

4

1 回答 1

2

所以，我终于自己解决了。

收到错误消息后（请参阅原始帖子的“编辑”），我尝试制作一个合适的转换器，现在我可以踢自己了，因为没有看到明显的！

它与 WinRT 或 TemplateBinding 或 Windows.UI.Xaml <-> 和 System-Windows 对象之间的不兼容性无关。

我只是没有意识到 Foreground 是 Brush 类型（在我的例子中是 SolidColorBrush），而 GradientStopColor 需要颜色！

一旦我创建了 BrushToColorConverter 并将其与 RelativeSource 绑定结合使用（因为 TemplateBinding 不允许转换器），它就起作用了。

  XAML:
<Page.Resources>
  <local:BrushToColorConverter x:Key="Brush2Color" DefaultOpacity="1.0"/>
</Page.Resources>
...
<ColorAnimation Duration="0" 
                Storyboard.TargetName="BackgroundGradient"
                Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" 
                To="{Binding RelativeSource={RelativeSource Mode=TemplatedParent},
                     Path=Foreground, 
                     Converter={StaticResource Brush2Color}, 
                     ConverterParameter=0.5}"
/>


CodeBehind:
public class BrushToColorConverter : IValueConverter
{
  private double defaultOpacity = 1;
  public double DefaultOpacity
  {
    set { defaultOpacity = value; }
  }

  public object Convert(object value, Type targetType, object parameter, string culture)
  {
    SolidColorBrush brush = value as SolidColorBrush;
    double opacity;

    if (!Double.TryParse((string)parameter, out opacity))
      opacity = defaultOpacity;

    if (brush == null)
      return Colors.Transparent;
    else
      return Color.FromArgb((byte)(255.0 * brush.Opacity * opacity), 
                            brush.Color.R, 
                            brush.Color.G, 
                            brush.Color.B
                           );
  }

  public object ConvertBack(object value, Type targetType, object parameter, string culture)
  {
    return null;
  }
}
于 2012-09-21T20:14:00.077 回答