android动画一·简单了解


动画

帧动画

一张张图片不断的切换,形成动画效果

  • 在drawable目录下定义xml文件,子节点为animation-list,在这里定义要显示的图片和每张图片的显示时长
	<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
		<item android:drawable="@drawable/g1" android:duration="200" />
		<item android:drawable="@drawable/g2" android:duration="200" />
		<item android:drawable="@drawable/g3" android:duration="200" />
	</animation-list>
  • 在屏幕上播放帧动画
	ImageView iv = (ImageView) findViewById(R.id.iv);
	//把动画文件设置为imageView的背景
    iv.setBackgroundResource(R.drawable.animations);
    AnimationDrawable ad = (AnimationDrawable) iv.getBackground();
	//播放动画        
	ad.start();

补间动画

  • TweenAnimation
  • 指定对象的初始状态和结束状态,对象由初始状态向结束状态转变时,为了时变换过程更自然平缓而自动生成的动画效果
  • 补间动画不会改变组件对象属性的值,只是一个动画效果
  • 位移、旋转、缩放、透明

位移:

  • 参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的 真实X + 10
  • 参数150指的是X的终点坐标,它的值是imageview的 真实X + 150
		//创建为位移动画对象,设置动画的初始位置和结束位置
		TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
  • x坐标的起点位置,如果相对于自己,传0.5f,那么起点坐标就是 组件X + 0.5 * 组件宽度
  • x坐标的终点位置,如果传入2,那么终点坐标就是 组件X + 2 * 组件宽度
  • y坐标的起点位置,如果传入0.5f,那么起点坐标就是 组件Y + 0.5 * 组件高度
  • y坐标的终点位置,如果传入2,那么终点坐标就是 组件Y + 2 * 组件高度
		TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);
  • 动画播放相关的设置
		//设置动画持续时间
    	ta.setDuration(2000);
		//动画重复播放的次数
    	ta.setRepeatCount(1);
		//动画重复播放的模式
    	ta.setRepeatMode(Animation.REVERSE);
		//动画播放完毕后,组件停留在动画结束的位置上
    	ta.setFillAfter(true);
		//播放动画
    	iv.startAnimation(ta);

缩放:

  • 参数0.1f表示动画的起始宽度是真实宽度的0.1倍
  • 参数4表示动画的结束宽度是真实宽度的4倍
  • 缩放的中心点在iv左上角
		ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);
  • 参数0.1f和4意义与上面相同
  • 改变缩放的中心点:传入的两个0.5f,类型都是相对于自己,这两个参数改变了缩放的中心点
  • 中心点x坐标 = 组件X + 0.5 * 组件宽度
  • 中心点Y坐标 = 组件Y + 0.5 * 组件高度
		ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

透明:

  • 0为完全透明,1为完全不透明
		AlphaAnimation aa = new AlphaAnimation(0, 0.5f);

旋转:

  • 20表示动画开始时的iv的角度
  • 360表示动画结束时iv的角度
  • 默认旋转的圆心在iv左上角
		RotateAnimation ra = new RotateAnimation(20, 360);
  • 20,360的意义和上面一样
  • 指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:组件X + iv宽度 * 0.5
  • 圆心的Y坐标:组件Y + iv高度 * 0.5
		RotateAnimation ra = new RotateAnimation(20, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

所有动画一起

		//创建动画集合
		AnimationSet set = new AnimationSet(false);
		//往集合中添加动画
		set.addAnimation(aa);
		set.addAnimation(sa);
		set.addAnimation(ra);
		iv.startAnimation(set);

属性动画

  • 改变了组件对象的属性的值

位移:

  • 第一个参数target指定要显示动画的组件
  • 第二个参数propertyName指定要改变组件的哪个属性
  • 第三个参数values是可变参数,就是赋予属性的新的值
  • 传入0,代表x起始坐标:当前x + 0
  • 传入100,代表x终点坐标:当前x + 100
		//具有get、set方法的成员变量就称为属性
		ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 100) ;

缩放:

  • 第三个参数指定缩放的比例
  • 0.1是从原本高度的十分之一开始
  • 2是到原本高度的2倍结束
		ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "scaleY", 0.1f, 2);

透明:

  • 透明度,0是完全透明,1是完全不透明
		ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "alpha", 0.1f, 1);

旋转

  • rotation指定是顺时针旋转
  • 20是起始角度
  • 270是结束角度
		ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotation", 20, 270);
  • 属性指定为rotationX是竖直翻转
  • 属性指定为rotationY是水平翻转
		ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "rotationY", 20, 180);

可变参数

  • 第三个参数可变参数可以传入多个参数,可以实现往回位移(旋转、缩放、透明)
		ObjectAnimator oa = ObjectAnimator.ofFloat(bt, "translationX", 0, 70, 30, 100) ;

所有动画一起

		//创建动画师集合
		AnimatorSet set = new AnimatorSet();
		//设置要播放动画的组件
		set.setTarget(bt);
		//所有动画有先后顺序的播放
		//set.playSequentially(oa, oa2, oa3, oa4);
		//所有动画一起播放
		set.playTogether(oa, oa2, oa3, oa4);
		set.start();

猜你喜欢

转载自blog.csdn.net/AliEnCheng/article/details/78959729