3

私は次のコードを持っています:

  <Window.Resources>
<Style TargetType="{x:Type TextBlock}">
  <Setter Property="LayoutTransform">
    <Setter.Value>
      <TranslateTransform />
    </Setter.Value>
  </Setter>
  <Style.Triggers>
    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
      <EventTrigger.Actions>
        <BeginStoryboard>
          <Storyboard RepeatBehavior="Forever" AutoReverse="True">
            <DoubleAnimation 
              From="300"
              To="-300" 
              Storyboard.TargetProperty="LayoutTransform.X"
              Duration="0:0:1" />
          </Storyboard>
        </BeginStoryboard>
      </EventTrigger.Actions>          
    </EventTrigger>
  </Style.Triggers>      
</Style>


<TextBlock
  Grid.Column="1"
  Text="This is a sample text."/>

<Rectangle Grid.Column="0" Fill="AliceBlue"/>
<Rectangle Grid.Column="2" Fill="Aquamarine"/>

基本的に私が達成しようとしているのは、TextBlockのコンテンツが右から左(および後ろ)にスクロールする必要があるということです。どういうわけか、このスタイルは何もしません。TranslateTransformをScaleTransformに変更し、LayoutTransform.XをLayoutTransform.ScaleXに変更すると、TextBlockは問題なくアニメーション化されます。これはWPFのバグですか、それとも何かが足りませんか?

4

2 に答える 2

4

RotateTransform でも同じ問題がありました。すべてのコントロールにそのアニメーションを持たせたいと思っていました。私はそれに対する解決策を見つけました.TrasnslteTransformでも動作しているようです.

次のコードを試してください。

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Style TargetType="{x:Type TextBox}">
        <Setter Property="RenderTransform">
            <Setter.Value>
                <TranslateTransform X="0" Y="0"/>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <EventTrigger.Actions>
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetProperty="(TextBox.RenderTransform).(TranslateTransform.X)"
                                             From="300"
                                             To="-300"
                                             AutoReverse="True"
                                             RepeatBehavior="Forever"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger.Actions>
            </EventTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<Grid>
    <TextBox Width="200" Height="22"/>
</Grid>

トリックは、ターゲット プロパティを指定する方法にあると思います。このコードは私のために働いた。

質問が提起されてから 5 年が経過していることは承知していますが、他の誰かがその回答から恩恵を受ける可能性があります。:)

于 2014-08-08T17:55:18.747 に答える
0

TargetPropertyそれがどのように機能するかはわかりませんが、 asXTargetNameasを指定する必要があると思います_translateTransform

<Window.Resources>
<Style TargetType="{x:Type TextBlock}">
  <Setter Property="LayoutTransform">
    <Setter.Value>
      <TranslateTransform x:Name="_translateTransform"/>
    </Setter.Value>
  </Setter>
  <Style.Triggers>
    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
      <EventTrigger.Actions>
        <BeginStoryboard>
          <Storyboard RepeatBehavior="Forever" AutoReverse="True">
            <DoubleAnimation 
              From="300"
              To="-300" 
              Storyboard.TargetProperty="X"
              Storyboard.TargetName="_translateTransform"
              Duration="0:0:1" />
          </Storyboard>
        </BeginStoryboard>
      </EventTrigger.Actions>          
    </EventTrigger>
  </Style.Triggers>      
</Style>
于 2009-06-26T12:38:52.863 に答える