天天看點

android 消息更新提示動畫

    在登陸應用時,資訊有更新,為了引起使用者注意,會有提示标簽:

百度:

android 消息更新提示動畫

網易:

android 消息更新提示動畫

     如果給标簽加入動畫效果,會更加醒目,如淘寶:

android 消息更新提示動畫

本例效果:

android 消息更新提示動畫

使用屬性動畫實作,稍微修改就可以實作淘寶的效果

實作動畫類:

package com.example.swingaimation;

import android.animation.Keyframe;
import android.animation.ObjectAnimator;
import android.animation.PropertyValuesHolder;
import android.annotation.SuppressLint;
import android.view.View;




public class AnimationUtils {

	public static ObjectAnimator tada(View view) {
	    return tada(view, 1f);
	}

	@SuppressLint("NewApi")
	public static ObjectAnimator tada(View view, float shakeFactor) {

	    PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofKeyframe(View.SCALE_X,
	            Keyframe.ofFloat(0f, 1f),
	            Keyframe.ofFloat(.1f, .9f),
	            Keyframe.ofFloat(.2f, .9f),
	            Keyframe.ofFloat(.3f, 1.1f),
	            Keyframe.ofFloat(.4f, 1.1f),
	            Keyframe.ofFloat(.5f, 1.1f),
	            Keyframe.ofFloat(.6f, 1.1f),
	            Keyframe.ofFloat(.7f, 1.1f),
	            Keyframe.ofFloat(.8f, 1.1f),
	            Keyframe.ofFloat(.9f, 1.1f),
	            Keyframe.ofFloat(1f, 1f)
	    );

	    PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofKeyframe(View.SCALE_Y,
	            Keyframe.ofFloat(0f, 1f),
	            Keyframe.ofFloat(.1f, .9f),
	            Keyframe.ofFloat(.2f, .9f),
	            Keyframe.ofFloat(.3f, 1.1f),
	            Keyframe.ofFloat(.4f, 1.1f),
	            Keyframe.ofFloat(.5f, 1.1f),
	            Keyframe.ofFloat(.6f, 1.1f),
	            Keyframe.ofFloat(.7f, 1.1f),
	            Keyframe.ofFloat(.8f, 1.1f),
	            Keyframe.ofFloat(.9f, 1.1f),
	            Keyframe.ofFloat(1f, 1f)
	    );

	    PropertyValuesHolder pvhRotate = PropertyValuesHolder.ofKeyframe(View.ROTATION,
	            Keyframe.ofFloat(0f, 0f),
	            Keyframe.ofFloat(.1f, -3f * shakeFactor),
	            Keyframe.ofFloat(.2f, -3f * shakeFactor),
	            Keyframe.ofFloat(.3f, 3f * shakeFactor),
	            Keyframe.ofFloat(.4f, -3f * shakeFactor),
	            Keyframe.ofFloat(.5f, 3f * shakeFactor),
	            Keyframe.ofFloat(.6f, -3f * shakeFactor),
	            Keyframe.ofFloat(.7f, 3f * shakeFactor),
	            Keyframe.ofFloat(.8f, -3f * shakeFactor),
	            Keyframe.ofFloat(.9f, 3f * shakeFactor),
	            Keyframe.ofFloat(1f, 0)
	    );

	    return ObjectAnimator.ofPropertyValuesHolder(view, pvhScaleX, pvhScaleY, pvhRotate).
	            setDuration(1000);
	}

	@SuppressLint("NewApi")
	public static ObjectAnimator nope(View view) {
	    int delta = view.getResources().getDimensionPixelOffset(R.dimen.activity_horizontal_margin);

	    PropertyValuesHolder pvhTranslateX = PropertyValuesHolder.ofKeyframe(View.TRANSLATION_X,
	            Keyframe.ofFloat(0f, 0),
	            Keyframe.ofFloat(.10f, -delta),
	            Keyframe.ofFloat(.26f, delta),
	            Keyframe.ofFloat(.42f, -delta),
	            Keyframe.ofFloat(.58f, delta),
	            Keyframe.ofFloat(.74f, -delta),
	            Keyframe.ofFloat(.90f, delta),
	            Keyframe.ofFloat(1f, 0f)
	    );

	    return ObjectAnimator.ofPropertyValuesHolder(view, pvhTranslateX).
	            setDuration(500);
	}

}
           

主類即調用類:

package com.example.swingaimation;

import android.os.Bundle;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends Activity {
	//聲明view
	private ImageView imageview;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//初始化view
		imageview = (ImageView) findViewById(R.id.imageview);

	}
	// 整體搖動的動畫點選事件
	@SuppressLint("NewApi")
	public void wholeShake(View view) {
		AnimationUtils.tada(imageview).start();
	}
	// 左右搖擺的動畫
	@SuppressLint("NewApi")
	public void lefToRightShake(View view) {
		AnimationUtils.nope(imageview).start();
	}
}
           

參考:

消息更新提示動畫 - 下載下傳頻道 - CSDN.NET

http://download.csdn.net/detail/xiaobijia/8115009