画布上字符串的简单淡出动画，android

Question

我有一个从 View 扩展的自定义视图，其中包含以不同角度绘制的大量文本，并且我希望特定的字符串在首次启动后将其 alpha 值降低到某个水平。任何建议或片段将不胜感激:)

postInvalidateDelayed(...) 似乎不适用于此任务。

Answer 1

一种可能是在 FrameLayout 内部创建两个相互重叠的视图。一个视图将包含所有静态字符串，另一个视图包含您想要设置动画的字符串。然后向动画视图添加 alpha 动画就很简单了。

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <package.MyNonAnimatedView
        android:id="@+id/nonAnimatedView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

    <package.MyAnimatedView
        android:id="@+id/animatedView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

</FrameLayout>

对于要附加到动画视图的动画：

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
       android:interpolator="@android:anim/accelerate_interpolator"
       android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="100" />

在 Activity 的 onCreate(Bundle) 方法中，您可以调用AnimationUtils.loadAnimation(Context, int) 来加载从 xml 资源中获取动画并将其附加到动画视图（前提是您为其提供了 id）。

Answer 2

您可以将 Handler 添加到您的 Activity可以按指定的时间间隔发送消息。当您的活动收到来自处理程序的回调时，它可以通知视图更新您想要更改的部分。

示例：

public class myActivity extends Activity implements Handler.Callback {

    int mDelay = 100; // Update interval (milliseconds).
    Handler mHandler = new Handler(this);
    private Runnable mEvent = new Runnable() {
        @Override
        public void run() {
            mHandler.postDelayed(mEvent, mDelay);
            Message message = mHandler.obtainMessage();
            // Add arguments to message, if required.
            mHandler.sendMessage(message);
        }
    };

    @Override
    public boolean handleMessage(Message message) {
        // Your view update code.
    }

    private void start() {
        mHandler.postDelayed(mEvent, mDelay);
    }

    private void stop() {
        mHandler.removeCallbacks(mEvent);
    }
}

调用 start() 启动处理程序，stop() 停止它。确定何时停止处理程序可能会在 handleMessage(Message) 代码中。

Answer 3

对要褪色的垂直文本边界的正确测量存在错误。这是我的 onDraw 方法

Paint myPaint = new Paint();
myPaint.setColor(Color.parseColor("#" + colorAlpha + "3AA6D0"));// initially colorAlpha is ff
Rect r = new Rect();
char[] a = "Hello World".toCharArray();
datePaint.getTextBounds(a, 0, a.length, r);// get the bound of the text, I was not calculating this correctly
canvas.drawText("Hello World", 0, 0, myPaint);// draw the text

int colorValue = Integer.parseInt(colorAlpha, 16);
    colorValue -= 20;// decrease alpha value for next call to onDraw method by postInvalidateDelayed
if (colorValue > 40) {
        colorAlpha = Integer.toHexString(colorValue);


 // this will create the effect of fade out animation
 // because each call to onDraw method is at the difference of 50 millisecond delay 
 // and in each call we are decreasing alpha value by 20.
        postInvalidateDelayed(50, r.left, r.top, r.right, r.bottom);
}