Как мне исчезнуть текст, изменить его и вернуть обратно? - PullRequest
Новая
       43

Как мне исчезнуть текст, изменить его и вернуть обратно?

8 голосов
/ 03 июня 2011

Я использую TextBlock в табличке данных для ячейки в сетке данных. У меня есть требование, которое говорит, что при изменении значения ячейки текст должен:

  • исчезает перед изменением
  • значение должно измениться
  • снова исчезнуть

В данный момент я использую TargetUpdated RoutedEvent, чтобы вызвать анимацию, чтобы текст исчез, а затем вернулся. Но затухание происходит после того, как текст уже изменил значение на экране. 

<DataTemplate>
    <Border>
        <TextBlock Name="templateTextBlock" Text="{Binding Path=FirstName, NotifyOnTargetUpdated=True}" />
    </Border>
    <DataTemplate.Triggers>
        <EventTrigger RoutedEvent="Binding.TargetUpdated">
            <BeginStoryboard>
                <Storyboard AutoReverse="True">
                    <DoubleAnimation Storyboard.TargetName="templateTextBlock" Storyboard.TargetProperty="Opacity" To=".1" Duration="0:0:.5" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </DataTemplate.Triggers>
</DataTemplate>

У меня вопрос: как мне добиться требуемого эффекта - исчезнуть, изменить текст, войти?

Большое спасибо.

1 Ответ

10 голосов
/ 03 июня 2011

Написал интерактивное поведение, которое должно сделать это: 

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

<TextBlock Text="{Binding Name, NotifyOnTargetUpdated=True}">
    <i:Interaction.Behaviors>
        <b:AnimatedTextChangeBehavior AnimationDuration="0:0:0.1" />
    </i:Interaction.Behaviors>
</TextBlock>

class AnimatedTextChangeBehavior : Behavior<TextBlock>
{
    public Duration AnimationDuration { get; set; }

    private string OldValue = null;
    private string NewValue = null;

    DoubleAnimation AnimationOut;
    DoubleAnimation AnimationIn;

    protected override void OnAttached()
    {
        base.OnAttached();

        AnimationOut = new DoubleAnimation(1, 0, AnimationDuration, FillBehavior.HoldEnd);
        AnimationIn = new DoubleAnimation(0, 1, AnimationDuration, FillBehavior.HoldEnd);
        AnimationOut.Completed += (sOut, eOut) =>
        {
            AssociatedObject.SetCurrentValue(TextBlock.TextProperty, NewValue);
            OldValue = NewValue;
            AssociatedObject.BeginAnimation(TextBlock.OpacityProperty, AnimationIn);
        };

        Binding.AddTargetUpdatedHandler(AssociatedObject, new EventHandler<DataTransferEventArgs>(Updated));
    }

    private void Updated(object sender, DataTransferEventArgs e)
    {
        string value = AssociatedObject.GetValue(TextBlock.TextProperty) as string;
        AssociatedObject.BeginAnimation(TextBlock.OpacityProperty, AnimationOut);
        NewValue =  value;
        if (OldValue == null)
        {
            OldValue = value;
        }
        AssociatedObject.SetCurrentValue(TextBlock.TextProperty, OldValue);
    }
}

Если вы не хотите использовать для этого интерактивность Blend SDK , вы можетепросто возьмите код и преобразуйте его в отдельный класс и используйте событие TextBlock Loaded для установки.

...