Android中动画

帧动画:

    一张张图片不断的切换,形成动画效果,安卓手机的开机界面就是通过帧动画做的

     如何自己使用帧动画:

        步骤:1将素材拷贝到drawable中

           2 在drawable目录下定义xml文件(在api中的drawable Animation中可以看到xml文件的格式和使用代码)

1
2
3
4
5
<animation-list xmlns:android= "http://schemas.android.com/apk/res/android"  android:oneshot= "false" > //这里的 false 表示循环播放  true 表示只播放一次
             <item android:drawable= "@drawable/g1"  android:duration= "200"  /> //表示duration表示每张图片显示的时长
             <item android:drawable= "@drawable/g2"  android:duration= "200"  />
             <item android:drawable= "@drawable/g3"  android:duration= "200"  />
         </animation-list>

 

          3 在屏幕上播放帧动画

1
2
3
4
5
6
ImageView iv = (ImageView) findViewById(R.id.iv);  //首先拿到imageView 将动画播放在imageView
    //把动画文件设置为imageView的背景
    iv.setBackgroundResource(R.drawable.animations);  把帧动画的资源文件指定为iv的背景
    AnimationDrawable ad = (AnimationDrawable) iv.getBackground(); //获取iv的北京
    //播放动画       
    ad.start();

  


 

 

补间动画:

原形态变成新形态时为了过渡变形过程,生成的动画就叫补间动画  位移、旋转、缩放、透明

  位移

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/*位移:
    参数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 * iv宽度
* x坐标的终点位置,如果传入2,那么终点坐标就是 真实X + 2 * iv的宽度
* y坐标的起点位置,如果传入0.5f,那么起点坐标就是 真实Y + 0.5 * iv高度
* y坐标的终点位置,如果传入2,那么终点坐标就是 真实Y + 2 * iv高度*/
     
         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);  //iv表示动画显示显示在哪个地方 通过findviewbyid拿到

 

  旋转  

 

1
2
3
4
5
6
7
8
public  void  rotate(View v){<br>           //表示从0到720旋转                            表示从真实的x+图片的宽度的一半 在中心旋转
         RotateAnimation ra =  new  RotateAnimation( 0 720 , Animation.RELATIVE_TO_SELF,  0 .5f,
         //设置动画持续时间                              Animation.RELATIVE_TO_SELF, 0.5f);
         ra.setDuration( 2000 );<br>          //设置动画重发次数表示重发播放两次
         ra.setRepeatCount( 1 );
         ra.setRepeatMode(Animation.REVERSE);
         iv.startAnimation(ra);
     }

 缩放

1
2
3
4
5
6
7
8
9
10
11
public  void  scale(View v){
//      sa = new ScaleAnimation(fromX, toX, fromY, toY, iv.getWidth() / 2, iv.getHeight() / 2);
         sa =  new  ScaleAnimation( 0 .5f,  2 0 .1f,  3 , Animation.RELATIVE_TO_SELF,  0 .5f,
                 Animation.RELATIVE_TO_SELF,  0 .5f);   //o.5f表示动画的起始宽度是真实宽度的0.5倍 2表示动画结束宽度是真实宽度的2倍  后面参数表示旋转中心点的位置 默认是坐上角
         sa.setDuration( 2000 );
         //填充动画的结束位置
         sa.setRepeatCount( 1 );
         sa.setRepeatMode(Animation.REVERSE);
         sa.setFillAfter( true );
         iv.startAnimation(sa);
     }

 透明

1
2
3
4
5
6
public  void  alpha(View v){
         aa =  new  AlphaAnimation( 0 1 );  //0表示完全透明。1表示不透明
         aa.setDuration( 2000 );
         sa.setRepeatCount( 1 );
         iv.startAnimation(aa);
     }

  我们可以设置所有的动画一起播放

1
2
3
4
5
6
7
8
9
public  void  fly(View v){
         AnimationSet set =  new  AnimationSet( false ); //false表示使用自己的叫对器
         set.addAnimation(ta);
         set.addAnimation(sa);
         set.addAnimation(ra);
         set.addAnimation(aa);
         
         iv.startAnimation(set);
     }

  


 

属性动画
    补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变。而属性动画是xy真实改变了,属性动画是3.0后加入的特性。没有向下支持类库

 位移:

    

1
2
3
4
5
6
7
8
9
public  void  translate(View v){
         
         //target:动画作用于哪个组件  第一个参数target指定要显示动画的组件  第二个参数propertyName指定要改变组件的哪个属性  第三个参数values是可变参数,就是赋予属性的新的值
         ObjectAnimator oa = ObjectAnimator.ofFloat(iv,  "translationX" 10 70 20 100 );  //他可以实现来回移动 我们可以动过set和get来看属性是什么
         oa.setDuration( 2000 );
         oa.setRepeatCount( 1 );
         oa.setRepeatMode(ValueAnimator.REVERSE);
         oa.start();
     }

  缩放

    

1
2
3
4
5
public  void  scale(View v){
         ObjectAnimator oa = ObjectAnimator.ofFloat(iv,  "scaleX" 1 1 .6f,  1 .2f,  2 );
         oa.setDuration( 2000 );
         oa.start();
     }

  

透明:

1
2
3
4
5
public  void  alpha(View v){
         ObjectAnimator oa = ObjectAnimator.ofFloat(iv,  "alpha" 0 0 .5f,  0 .2f,  1 );
         oa.setDuration( 2000 );
         oa.start();
     }

旋转

       

1
2
public  void  rotate(View v){
         ObjectAnimator oa = ObjectAnimator.ofFloat(iv,  "rotationY" 0 180 90 360 );  //rotation指定是顺时针旋转

//属性指定为rotationX是竖直翻转
//属性指定为rotationY是水平翻转

1
2
3
4
5
     oa.setDuration( 2000 );
     oa.setRepeatCount( 1 );
     oa.setRepeatMode(ValueAnimator.REVERSE);
     oa.start();
}

所有动画一起播放  

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

使用xml文件定义属性动画

1
2
3
4
5
6
7
8
9
10
11
12
13
<?xml version= "1.0"  encoding= "utf-8" ?>  在animator文件下 resource type 选择property animator root element是set
<set xmlns:android= "http://schemas.android.com/apk/res/android"  >
     <objectAnimator
         android:propertyName= "translationX"
         android:duration= "200"
         android:repeatCount= "1"
         android:repeatMode= "reverse"
         android:valueFrom= "-100"
         android:valueTo= "100"
         >
         
     </objectAnimator>
</set>

  

1
2
3
4
5
6
7
public  void  xml(View v){
         Animator at = AnimatorInflater.loadAnimator( this , R.animator.objanimator);  //加载指定xml
         //设置作用于哪个组件
         at.setTarget(iv);
         at.start();
     }
    

转载于:https://www.cnblogs.com/CallMeMadman/p/4961049.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值