动画TextBlock的Text属性

时间:2015-04-03 11:50:49

标签: c# xaml animation windows-phone-8

我对WP的发展很新,目前正在玩动画。 我现在要做的是为TextBlock的Text属性设置动画。

出于培训目的,我正在开发一个简单的温度转换应用程序,屏幕上有一个很大的数字(温度),我想逐渐增加或减少,直到达到另一个值(例如从10到24)显示中间的每个数字。)

我尝试在文本属性上使用故事板,但我认为它不起作用。然后我尝试将属性逐个设置为每个值(for循环),但视图不会定期刷新,app会阻塞直到循环结束并仅显示最后一个值。 我不知道我想做什么是可能的(我希望它不是那么罕见,对吧?)而且我没有其他想法得到我想要的结果。 有没有人对此有所了解?

谢谢:)

1 个答案:

答案 0 :(得分:1)

您可以使用DispatcherTimer,并在其Tick事件处理程序中更新TextBlock的Text属性:

private readonly DispatcherTimer timer = new DispatcherTimer();
private int currentValue;
private int endValue;

public MainPage()
{
    ...
    timer.Interval = TimeSpan.FromSeconds(1);
    timer.Tick += TimerTick;
}

private void TimerTick(object sender, object e)
{
    currentValue++;
    textBlock.Text = currentValue.ToString();

    if (currentValue >= endValue)
    {
        timer.Stop();
    }
}

private void AnimateText(int start, int end)
{
    currentValue = start;
    endValue = end;
    textBlock.Text = currentValue.ToString();

    if (currentValue < endValue)
    {
        timer.Start();
    }
}