android 消息更新提示动画

    在登陆应用时,信息有更新,为了引起用户注意,会有提示标签:

百度:


网易:

android 消息更新提示动画_第1张图片


     如果给标签加入动画效果,会更加醒目,如淘宝:


android 消息更新提示动画_第2张图片


本例效果:

android 消息更新提示动画_第3张图片


使用属性动画实现,稍微修改就可以实现淘宝的效果

实现动画类:

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



你可能感兴趣的:(动画)