Фоновая анимация WPF TextBlock с привязкой данных

Question 1

Некоторое время я пытался анимировать фон TextBlock с белого на красный и обратно (мигает), когда для логического свойства с привязкой к данным установлено значение «True». Каждый раз, когда я его запускаю, он переходит в режим паузы.

Я знаю, что что-то упускаю. Мы будем очень признательны за любую помощь или направление, которое вы можете предоставить.

Заранее спасибо!

<TextBlock x:Name="txtItemDisplayText" HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding ItemCountText}" VerticalAlignment="Top" Height="600" Width="800" TextAlignment="Center" FontSize="525" FontWeight="Bold" FontFamily="Agency FB" Foreground="Green">
        <TextBlock.Style>
            <Style>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Blink}" Value="True">
                        <DataTrigger.EnterActions>
                            <BeginStoryboard Name="sbBlink">
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetProperty="(TextBlock.Background).(SolidColorBrush.Color)"
                                            From="White" To="Red" FillBehavior="Stop"
                                            BeginTime="0:0:0" Duration="0:0:0.3"/>
                                    <ColorAnimation Storyboard.TargetProperty="(TextBlock.Background).(SolidColorBrush.Color)"
                                            From="Red" To="White"
                                            BeginTime="0:0:0.3" Duration="0:0:1"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </DataTrigger.EnterActions>

                        <DataTrigger.ExitActions>
                            <RemoveStoryboard BeginStoryboardName="sbBlink"/>
                        </DataTrigger.ExitActions>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
       </TextBlock.Style>
</TextBlock>

Private mBlink As Boolean = False
Public Property Blink() As Boolean
    Get
        Return mBlink
    End Get
    Set(value As Boolean)
        mBlink = value
        RaisePropertyChanged("Blink")
    End Set
End Property

wpf vb.net animation data-binding textblock

0

Patrick R. 11 Сен 2018 в 09:27

Answer

Вы не можете анимировать свойство Color предопределенных кистей. Добавьте сеттер для свойства Background, который явно устанавливает новый экземпляр SolidColorBrush:

<TextBlock.Style>
    <Style TargetType="TextBlock">
        <Setter Property="Background">
            <Setter.Value>
                <SolidColorBrush Color="White"/>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Blink}" Value="True">
                <DataTrigger.EnterActions>
                    <BeginStoryboard Name="sbBlink">
                        <Storyboard>
                            <ColorAnimation Storyboard.TargetProperty="Background.Color"
                                From="White" To="Red" FillBehavior="Stop"
                                BeginTime="0:0:0" Duration="0:0:0.3"/>
                            <ColorAnimation Storyboard.TargetProperty="Background.Color"
                                From="Red" To="White"
                                BeginTime="0:0:0.3" Duration="0:0:1"/>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.EnterActions>
                <DataTrigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="sbBlink"/>
                </DataTrigger.ExitActions>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</TextBlock.Style>

0

Clemens 11 Сен 2018 в 07:37

Question 2

Вы не можете анимировать свойство Color предопределенных кистей. Добавьте сеттер для свойства Background, который явно устанавливает новый экземпляр SolidColorBrush:

<TextBlock.Style>
    <Style TargetType="TextBlock">
        <Setter Property="Background">
            <Setter.Value>
                <SolidColorBrush Color="White"/>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding Blink}" Value="True">
                <DataTrigger.EnterActions>
                    <BeginStoryboard Name="sbBlink">
                        <Storyboard>
                            <ColorAnimation Storyboard.TargetProperty="Background.Color"
                                From="White" To="Red" FillBehavior="Stop"
                                BeginTime="0:0:0" Duration="0:0:0.3"/>
                            <ColorAnimation Storyboard.TargetProperty="Background.Color"
                                From="Red" To="White"
                                BeginTime="0:0:0.3" Duration="0:0:1"/>
                        </Storyboard>
                    </BeginStoryboard>
                </DataTrigger.EnterActions>
                <DataTrigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="sbBlink"/>
                </DataTrigger.ExitActions>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</TextBlock.Style>

0

Clemens 11 Сен 2018 в 07:37

Фоновая анимация WPF TextBlock с привязкой данных

1 ответ

Похожие вопросы

Новые вопросы

wpf