问题设置与视觉状态管理器的前景

我有一个WPF应用程序，并且我试图使用.Net v4可视状态管理器来设置文本框的样式。具体来说，我试图设置MouseOver状态的前景和背景的颜色。问题设置与视觉状态管理器的前景

发生的事情是，虽然背景和边框完美地改变，但前景不是。如果我正在使用的画笔通过StaticResource获取颜色，则前景根本不会改变。如果我正在使用的画笔通过DynamicResource获取颜色，那么当我将鼠标悬停在TextBox上时，所有TextBox的前景都会改变。很显然，无论我做错了什么，或者我想做什么都不可能发生VSM（这会让人失望）。

下面是我使用的资源：

<Color x:Key="ControlBackgroundColor" R="178" G="178" B="178" A="255" /> 
<Color x:Key="ControlForegroundColor" R="0" G="0" B="0" A="255" /> 
<Color x:Key="BorderColor" R="127" G="127" B="127" A="255" /> 
<Color x:Key="MouseOverControlBackgroundColor" R="0" G="0" B="0" A="255" /> 
<Color x:Key="MouseOverControlForegroundColor" R="255" G="255" B="255" A="255" /> 
<Color x:Key="MouseOverBorderColor" R="178" G="178" B="178" A="255" /> 

<SolidColorBrush PresentationOptions:Freeze="True" x:Key="ControlBackgroundBrush" Color="{DynamicResource ControlBackgroundColor}" /> 
<SolidColorBrush PresentationOptions:Freeze="True" x:Key="ControlForegroundBrush" Color="{DynamicResource ControlForegroundColor}" /> 
<SolidColorBrush PresentationOptions:Freeze="True" x:Key="BorderBrush" Color="{DynamicResource BorderColor}" /> 

<SolidColorBrush PresentationOptions:Freeze="True" x:Key="MouseOverControlBackgroundBrush" Color="{DynamicResource MouseOverControlBackgroundColor}" /> 
<SolidColorBrush PresentationOptions:Freeze="True" x:Key="MouseOverControlForegroundBrush" Color="{DynamicResource MouseOverControlForegroundColor}" /> 
<SolidColorBrush PresentationOptions:Freeze="True" x:Key="MouseOverBorderBrush" Color="{DynamicResource MouseOverBorderColor}" /> 

<Style TargetType="{x:Type TextBox}" > 
    <Setter Property="BorderThickness" Value="1"/> 
    <Setter Property="Padding" Value="2"/> 
    <Setter Property="Margin" Value="1" /> 
    <Setter Property="BorderBrush" Value="{DynamicResource BorderBrush}" /> 
    <Setter Property="Background" Value="{DynamicResource ControlBackgroundBrush}" /> 
    <Setter Property="Foreground" Value="{DynamicResource ControlForegroundBrush}" /> 

    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="TextBox"> 
       <Grid x:Name="RootElement"> 
        <VisualStateManager.VisualStateGroups> 
         <VisualStateGroup x:Name="CommonStates"> 
          <VisualState x:Name="Normal"/> 
          <VisualState x:Name="MouseOver"> 
           <Storyboard> 
            <ColorAnimation Storyboard.TargetName="MouseOverBorder" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" To="{DynamicResource MouseOverBorderColor}" Duration="0:0:0.3"/> 
            <ColorAnimation Storyboard.TargetName="MouseOverBorder" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="{DynamicResource MouseOverControlBackgroundColor}" Duration="0:0:0.3"/> 
            <ColorAnimation Storyboard.TargetName="PART_ContentHost" Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)" To="{DynamicResource MouseOverControlForegroundColor}" Duration="0:0:0.3"/> 
           </Storyboard> 
          </VisualState> 
         </VisualStateGroup> 
        </VisualStateManager.VisualStateGroups> 
        <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="1" Opacity="1" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}"> 
         <Grid x:Name="ContentGrid"> 
          <Border x:Name="MouseOverBorder" BorderThickness="1" BorderBrush="Transparent" Background="Transparent"> 
           <ScrollViewer x:Name="PART_ContentHost" Padding="{TemplateBinding Padding}" Foreground="{TemplateBinding Foreground}" BorderThickness="0" IsTabStop="False"/> 
          </Border> 
         </Grid> 
        </Border> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style>

这是非常奇怪的，我认为背景和边境刷，这是创建并以完全相同的方式动画，工作完全不管我使用静态或动态资源，但前景色不。

如果有人有任何想法，或者如果有更好的方法来做到这一点，我很乐意听到它。

大卫Mullin的 IMA技术

来源

2010-09-05 David Mullin

的VisualStateManager无法控制属性，其值通过结合被设置。在您的示例中，Background和BorderBrush都设置为本地值（Transparent），因此VSM可以为它们设置动画。另一方面，使用TemplateBinding设置Foreground，因此如果绑定值生效，则VSM将无法对其进行动画处理。

这是VisualStateManager的一般限制，您将在所有使用它的示例中看到它。解决这个问题的一个典型策略是使用图层和不透明度来给出彩色动画的错觉，当真正发生的事情是从一个元素到另一个元素的淡入淡出。这是有效的，因为你可以完全控制隐藏层，不需要绑定任何东西。不幸的是，这不会满足您的需求，但因为元素不是静态的;你不能有两个文本框。

实际效果是，我认为您不能同时为文本前景色设置动画效果，并允许用户指定前景色。

来源

2011-04-24 22:57:04

问题设置与视觉状态管理器的前景

回答

相关问题