WPF文本框動畫不工作？

我有一個文本框，然後一個動畫，但只有當文本框的重點。WPF文本框動畫不工作？

但是，這似乎並沒有工作，我猜測，因爲動畫獨立於控制模板？我怎麼能結合這兩個？這是我到目前爲止。

<Window.Resources> 

    <SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/> 
    <SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/> 
    <SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/> 
    <Style x:Key="TextBoxStyle1" TargetType="{x:Type TextBox}"> 
     <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/> 
     <Setter Property="BorderBrush" Value="{StaticResource TextBox.Static.Border}"/> 
     <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> 
     <Setter Property="BorderThickness" Value="1"/> 
     <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/> 
     <Setter Property="HorizontalContentAlignment" Value="Left"/> 
     <Setter Property="FocusVisualStyle" Value="{x:Null}"/> 
     <Setter Property="AllowDrop" Value="true"/> 
     <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/> 
     <Setter Property="Stylus.IsFlicksEnabled" Value="False"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type TextBox}"> 
        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True"> 
         <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsEnabled" Value="false"> 

         </Trigger> 
         <Trigger Property="IsMouseOver" Value="true"> 
          <Setter Property="BorderBrush" TargetName="border" Value="Transparent"/> 
         </Trigger> 
         <Trigger Property="IsKeyboardFocused" Value="true"> 
          <Setter Property="BorderBrush" TargetName="border" Value="Transparent"/> 
           <Trigger.EnterActions> 
          <BeginStoryboard> 
          <Storyboard> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectangle"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="1"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.66" Value="1"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="1"/> 
     </DoubleAnimationUsingKeyFrames> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="rectangle"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="1"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="51.274"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.66" Value="51.274"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="97.205"/> 
     </DoubleAnimationUsingKeyFrames> 
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="rectangle"> 
      <EasingDoubleKeyFrame KeyTime="0" Value="0"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.6" Value="53.542"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:0.66" Value="53.542"/> 
      <EasingDoubleKeyFrame KeyTime="0:0:1.2" Value="4.625"/> 
     </DoubleAnimationUsingKeyFrames> 
    </Storyboard></BeginStoryboard></Trigger.EnterActions> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
     <Style.Triggers> 
      <MultiTrigger> 
       <MultiTrigger.Conditions> 
        <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/> 
        <Condition Property="IsSelectionActive" Value="false"/> 
       </MultiTrigger.Conditions> 
       <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/> 
      </MultiTrigger> 
     </Style.Triggers> 
    </Style> 

</Window.Resources> 

    <Grid> 

    <TextBox Margin="180,142.5,129,153.5" BorderBrush="{x:Null}" Background="{x:Null}" SelectionBrush="{x:Null}" Style="{DynamicResource TextBoxStyle1}">TextBox</TextBox> 

    <Path Data="M0.5,0.75 L170,0.5" Fill="#FFF4F4F5" HorizontalAlignment="Left" Height="1.75" Margin="180,163.781,0,0" Stroke="Black" VerticalAlignment="Top" Width="208" Stretch="Fill" RenderTransformOrigin="0.5,0.5"> 
     <Path.RenderTransform> 
      <TransformGroup> 
       <ScaleTransform/> 
       <SkewTransform/> 
       <RotateTransform Angle="0.204"/> 
       <TranslateTransform/> 
      </TransformGroup> 
     </Path.RenderTransform> 
    </Path> 
    <Rectangle x:Name="rectangle" Fill="#FF00E8FF" HorizontalAlignment="Left" Height="1.125" Margin="278.29,164.083,0,0" Stroke="{x:Null}" VerticalAlignment="Top" Width="2.13" RenderTransformOrigin="0.5,0.5" Opacity="0"> 
     <Rectangle.RenderTransform> 
      <TransformGroup> 
       <ScaleTransform/> 
       <SkewTransform/> 
       <RotateTransform/> 
       <TranslateTransform/> 
      </TransformGroup> 
     </Rectangle.RenderTransform> 
    </Rectangle> 
</Grid>

來源

2015-08-26 Zi_31

刪除你的'x：Key'並嘗試。 –

沒有區別。 –

您必須從「TextBox」中刪除樣式。刪除'x：Key'意味着你將樣式應用於你的案例中的所有'TextBox'類型。 'TargetType =「{x：Type TextBox}」'這是一種說這種風格適用於所有文本框。添加'x：Key'並指定'TextBox'明確地將樣式添加到特定的'TextBox'。 –

你可以做兩件事情解決這個問題：

來自你的風采刪除x:Key="TextBoxStyle1"
而不是使用Storyboard.TargetName的，使用Storyboard.Target這樣的：
```
Storyboard.Target="{Binding ElementName=rectangle}" 
```

來源

2015-08-26 13:10:34

WPF文本框動畫不工作？

回答

相關問題