如何在Android中实现一个补间动画效果

这篇文章主要介绍了如何在Android中实现一个补间动画效果,此处通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考价值,需要的朋友可以参考下:

创新互联建站主打移动网站、网站制作、成都网站制作、网站改版、网络推广、网站维护、国际域名空间、等互联网信息服务,为各行业提供服务。在技术实力的保障下,我们为客户承诺稳定,放心的服务,根据网站的内容与功能再决定采用什么样的设计。最后,要实现符合网站需求的内容、功能与设计,我们还会规划稳定安全的技术方案做保障。

补间动画

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

位移:

参数10指的是X的起点坐标,但不是指屏幕x坐标为10的位置,而是imageview的 真实X + 10
参数150指的是X的终点坐标,它的值是imageview的 真实X + 150

//创建为位移动画对象,设置动画的初始位置和结束位置

TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);

1.  x坐标的起点位置,如果相对于自己,传0.5f,那么起点坐标就是 真实X + 0.5 * iv宽度;

2.  x坐标的终点位置,如果传入2,那么终点坐标就是 真实X + 2 * iv的宽度;

3.  y坐标的起点位置,如果传入0.5f,那么起点坐标就是 真实Y + 0.5 * iv高度;

4.  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);

缩放:

1.参数0.1f表示动画的起始宽度是真实宽度的0.1倍
2.参数4表示动画的结束宽度是真实宽度的4倍
3.缩放的中心点在iv左上角

ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4);

1.  参数0.1f和4意义与上面相同

2.  改变缩放的中心点:传入的两个0.5f,类型都是相对于自己,这两个参数改变了缩放的中心点

3.  中心点x坐标 = 真实X + 0.5 * iv宽度

4.  中心点Y坐标 = 真实Y + 0.5 * iv高度

 ScaleAnimation sa = new ScaleAnimation(0.1f, 4, 0.1f, 4, Animation.RELATIVETOSELF, 0.5f, Animation.RELATIVETOSELF, 0.5f);

透明:

0为完全透明,1为完全不透明

AlphaAnimation aa = new AlphaAnimation(0, 0.5f);

旋转:

1.  20表示动画开始时的iv的角度

2.  360表示动画结束时iv的角度

3.  默认旋转的圆心在iv左上角

RotateAnimation ra = new RotateAnimation(20, 360);

1.  20,360的意义和上面一样

2.  指定圆心坐标,相对于自己,值传入0.5,那么圆心的x坐标:真实X + iv宽度 * 0.5

3.  圆心的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);

效果如图:

如何在Android中实现一个补间动画效果

布局代码:

 xmlns:tools="http://schemas.android.com/tools" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 tools:context=".MainActivity"> 
  
  
  
  
  
  
  
  

MainActivity.java

import android.app.Activity; 
import android.os.Bundle; 
import android.view.View; 
import android.view.animation.AlphaAnimation; 
import android.view.animation.Animation; 
import android.view.animation.AnimationSet; 
import android.view.animation.RotateAnimation; 
import android.view.animation.ScaleAnimation; 
import android.view.animation.TranslateAnimation; 
import android.widget.ImageView; 
 public class MainActivity extends Activity { 
 private ImageView iv; 
 private TranslateAnimation ta; 
 private ScaleAnimation sa; 
 private AlphaAnimation aa; 
 private RotateAnimation ra; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.activity_main); 
 iv = (ImageView) findViewById(R.id.iv); 
 } 
 //平移 
 public void translate(View view) { 
// ta = new TranslateAnimation(10, 100, 20, 200); 
 ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, -1, Animation.RELATIVE_TO_SELF, 2, 
 Animation.RELATIVE_TO_SELF, -0.5f, Animation.RELATIVE_TO_SELF, 1.5f); 
 //设置播放时间 
 ta.setDuration(2000); 
 //设置重复次数 
 ta.setRepeatCount(1); 
 //动画重复播放的模式 
 ta.setRepeatMode(Animation.REVERSE); 
 iv.startAnimation(ta); 
 } 
 //缩放 
 public void scale(View view) { 
// sa = new ScaleAnimation(2, 4, 2, 4, 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); 
 //设置播放时间 
 sa.setDuration(2000); 
 //设置重复次数 
 sa.setRepeatCount(1); 
 //动画重复播放的模式 
 sa.setRepeatMode(Animation.ABSOLUTE); 
 //动画播放完毕后,组件停留在动画结束的位置上 
 sa.setFillAfter(true); 
 iv.startAnimation(sa); 
 } 
 //透明 
 public void alpha(View view) { 
 aa = new AlphaAnimation(0, 1); 
 //设置播放时间 
 aa.setDuration(2000); 
 //设置重复次数 
 aa.setRepeatCount(1); 
 //动画重复播放的模式 
 aa.setRepeatMode(Animation.REVERSE); 
 //动画播放完毕后,组件停留在动画结束的位置上 
// aa.setFillAfter(true); 
 iv.startAnimation(aa); 
 } 
 //旋转 
 public void rotate(View view) { 
 ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f, 
 Animation.RELATIVE_TO_SELF, 0.5f); 
 //设置播放时间 
 ra.setDuration(2000); 
 //设置重复次数 
 ra.setRepeatCount(1); 
 //动画重复播放的模式 
 ra.setRepeatMode(Animation.REVERSE); 
 //动画播放完毕后,组件停留在动画结束的位置上 
 ra.setFillAfter(true); 
 iv.startAnimation(ra); 
 } 
 //位移、缩放、透明、旋转同时进行 
 public void fly(View view) { 
 AnimationSet set = new AnimationSet(false); 
 set.addAnimation(ta); 
 set.addAnimation(sa); 
 set.addAnimation(aa); 
 set.addAnimation(ra); 
 iv.startAnimation(set); 
 } 
}

到此这篇关于如何在Android中实现一个补间动画效果的文章就介绍到这了,更多相关内容请搜索创新互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持创新互联!


分享名称:如何在Android中实现一个补间动画效果
网页路径:http://bzwzjz.com/article/gpdiic.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都品牌网站建设 成都网站制作 网站建设改版 网站建设推广 成都网站建设 成都做网站建设公司 品牌网站建设 重庆企业网站建设 手机网站制作设计 高端品牌网站建设 成都网站设计 企业网站建设 成都网站制作 成都网站制作 成都网站制作 成都网站设计 成都网站设计 成都营销网站建设 成都企业网站建设 成都网站设计 响应式网站设计