7

Есть класс, представляющий игрока (привожу упрощенный вариант):

class Player : INotifyPropertyChanged
{
    public string Name { get; }

    int rank;
    public int Rank
    {
        get
        {
            return rank;
        }
        set
        {
            rank = value;
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs("Rank"));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public Player(string name)
    {
        Name = name;
    }
}

Коллекция этих Players отображается, ну скажем, в ItemsControl:

<ItemsControl Name="icPlayers">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Border Margin="0,2.5" Padding="5"
                    BorderThickness="1" BorderBrush="DarkBlue">
                <StackPanel>
                    <TextBlock Text="{Binding Path=Name, Mode=OneTime}" FontWeight="Bold"/>

                    <StackPanel Orientation="Horizontal">
                        <TextBlock Text="Рейтинг:" Margin="0,0,3,0"/>
                        <TextBlock Text="{Binding Path=Rank, Mode=OneWay}" FontWeight="DemiBold"/>
                    </StackPanel>
                </StackPanel>
            </Border>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Внешние силы меняют рейтинг игрока (не часто, не чаще 1 раза в несколько секунд).

Можно ли сделать средствами анимации WPF (не принципиально) так, чтобы при изменении рейтинга число в TextBox'е менялось плавно от текущего значения до нового, ну скажем, за 0.2 секунды?

Я могу, конечно, в сеттере запускать таймер, но это решение мне не нравится.

1 ответ 1

5

Такой фичи из коробки нету, но её можно легко смастерить самостоятельно. Например, давайте заведём для этого attached property.

public static class AnimatableDoubleHelper
{
    // Это attached property OriginalProperty. К нему мы будем привязывать свойство из VM,
    // и получать нотификацию об его изменении
    public static double GetOriginalProperty(DependencyObject obj) =>
        (double)obj.GetValue(OriginalPropertyProperty);
    public static void SetOriginalProperty(DependencyObject obj, double value) =>
        obj.SetValue(OriginalPropertyProperty, value);
    public static readonly DependencyProperty OriginalPropertyProperty =
        DependencyProperty.RegisterAttached(
            "OriginalProperty", typeof(double), typeof(AnimatableDoubleHelper),
            new PropertyMetadata(OnOriginalUpdated));

    // это "производное" attached property, которое будет
    // анимированно "догонять" OriginalProperty
    public static double GetAnimatedProperty(DependencyObject obj) =>
        (double)obj.GetValue(AnimatedPropertyProperty);
    public static void SetAnimatedProperty(DependencyObject obj, double value) =>
        obj.SetValue(AnimatedPropertyProperty, value);
    public static readonly DependencyProperty AnimatedPropertyProperty =
        DependencyProperty.RegisterAttached(
            "AnimatedProperty", typeof(double), typeof(AnimatableDoubleHelper));

    // это вызывается когда значение OriginalProperty меняется
    static void OnOriginalUpdated(DependencyObject o, DependencyPropertyChangedEventArgs e)
    {
        double newValue = (double)e.NewValue;
        // находим элемент, на котором меняется свойство
        FrameworkElement self = (FrameworkElement)o;
        DoubleAnimation animation = // создаём анимацию...
            new DoubleAnimation(newValue, new Duration(TimeSpan.FromSeconds(0.3)));
        // и запускаем её на AnimatedProperty
        self.BeginAnimation(AnimatedPropertyProperty, animation);
    }
}

Как этим пользоваться? Очень просто. Пусть у нас был такой код:

<TextBlock Text="{Binding Rank, StringFormat=0}"/>

Заменяем его на следующую конструкцию:

<TextBlock local:AnimatableDoubleHelper.OriginalProperty="{Binding Rank}"
           Text="{Binding (local:AnimatableDoubleHelper.AnimatedProperty),
                          RelativeSource={RelativeSource Self},
                          StringFormat=0}"/>

Получается вот что:

все любят анимашки!

11
  • VladD, а чем вы делаете такие gif-ки? (если не секрет, конечно). 27 окт 2016 в 5:44
  • то что надо, спасибо! 27 окт 2016 в 10:01
  • 3
    @BlackWitcher: Я забил в гугл «gif screencast windows free», и в первых результатах оказался superuser.com, а он привёл меня на LICEcap. Таких же по функциональности программ ещё море.
    – VladD
    27 окт 2016 в 10:24
  • @Андрей: Пожалуйста! Рад, что помогло.
    – VladD
    27 окт 2016 в 10:24
  • 1
    @Андрей: вот тут изменения: pastebin.com/q9fHdvRq
    – VladD
    1 авг 2017 в 11:36

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.