初识android中的动画.docx
- 文档编号:5467813
- 上传时间:2022-12-16
- 格式:DOCX
- 页数:17
- 大小:20.14KB
初识android中的动画.docx
《初识android中的动画.docx》由会员分享,可在线阅读,更多相关《初识android中的动画.docx(17页珍藏版)》请在冰豆网上搜索。
初识android中的动画
初识android中的动画
动画效果可以大大提高界面的交互效果,因此,动画在移动开发中的应用场景较为普遍。
掌握基本的动画效果在成熟的软件开发中不可或缺。
除此之外,用户对于动画的接受程度远高于文字和图片,利用动画效果可以加深用户对于产品的印象。
因此本文给出安卓设计中几种常见的动画效果。
基础知识
在介绍安卓中的动画效果之前,有必要介绍一下安卓中的图片处理机制。
图片的特效包括图形的缩放、镜面、倒影、旋转、平移等。
图片的特效处理方式是将原图的图形矩阵乘以一个特效矩阵,形成一个新的图形矩阵来实现的。
矩阵Matrix类,维护了一个3*3的矩阵去更改像素点的坐标。
Android手机的屏幕坐标系以左上角为原点,从左向右为x轴正方向,从上到下为y轴正方向。
第一行表示像素点的x坐标:
x=1*x+0*y+0*z,第二行表示像素点的y坐标:
y=0*x+1*y+0*z,第三行表示像素点的z坐标:
z=0*x+0*y+1*z。
图片的特效处理正是通过更改图形矩阵的值来实现的,在android下Matrix这个类帮我们封装了矩阵的一些基本用法,所以我们可以直接使用即可。
用代码编辑图片,最好处理都是图片在内存中的拷贝,不去处理原图,因此需要用Bitmap创建一个与原图大小一致,格式相同的空白位图。
对照片进行操作的基本步骤:
1.创建一个空白的bitmap,宽高信息和原图保存一致;
2.创建一个画板;
3.创建一个画笔;
4.设置matrix矩阵;
5.对照着原图在画纸上面画出一模一样的样子出来。
下面分别给出对图片缩放、平移、旋转、镜面操作的代码。
复制代码
/**
*图片缩放
*
*/
privatevoidzoom(){
BitmapsrcBitmap=BitmapFactory.decodeFile("mnt/sdcard/b.jpg");
iv_src.setImageBitmap(srcBitmap);
BitmapcopyBitmap=Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());
Canvascanvas=newCanvas(copyBitmap);
Paintpaint=newPaint();
paint.setColor(Color.BLACK);
Matrixmatrix=newMatrix();
matrix.setScale(0.6f,0.6f);
canvas.drawBitmap(srcBitmap,matrix,paint);
iv_dest.setImageBitmap(copyBitmap);
}
/**
*图片平移
*
*/
publicvoidtranslation(){
Optionsops=newOptions();
ops.inSampleSize=4;//等比放缩
BitmapsrcBitmap=BitmapFactory.decodeFile("/mnt/sdcard/b.jpg",ops);
iv_src.setImageBitmap(srcBitmap);
BitmapcopyBitmap=Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());
Canvascanvas=newCanvas(copyBitmap);
Paintpaint=newPaint();
paint.setColor(Color.BLACK);
Matrixmatrix=newMatrix();
matrix.setTranslate(100,100);
canvas.drawBitmap(srcBitmap,matrix,paint);
iv_dest.setImageBitmap(copyBitmap);
}
/**
*旋转
*
*/
publicvoidscole(){
BitmapsrcBitmap=BitmapFactory.decodeFile("/mnt/sdcard/b.jpg");
iv_src.setImageBitmap(srcBitmap);
BitmapcopyBitmap=Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());
Canvascanvas=newCanvas(copyBitmap);
Paintpaint=newPaint();
paint.setColor(Color.BLACK);
Matrixmatrix=newMatrix();
matrix.setRotate(180,srcBitmap.getWidth()/2,srcBitmap.getHeight()/2);//绕原点旋转
canvas.drawBitmap(srcBitmap,matrix,paint);
iv_dest.setImageBitmap(copyBitmap);
}
/**
*镜面特效/倒影特效
*原理一样,一个关于x轴旋转,一个关于y轴旋转
*/
publicvoidmirror(){
BitmapsrcBitmap=BitmapFactory.decodeFile("/mnt/sdcard/b.jpg");
iv_src.setImageBitmap(srcBitmap);
BitmapcopyBitmap=Bitmap.createBitmap(srcBitmap.getWidth(),srcBitmap.getHeight(),srcBitmap.getConfig());
Canvascanvas=newCanvas(copyBitmap);
Paintpaint=newPaint();
paint.setColor(Color.BLACK);
Matrixmatrix=newMatrix();
matrix.setScale(-1,1);
matrix.postTranslate(srcBitmap.getWidth(),0);
canvas.drawBitmap(srcBitmap,matrix,paint);
iv_dest.setImageBitmap(copyBitmap);
}
复制代码
接下来进入进入今天的主题。
安卓下的动画分为三种:
帧动画、View动画(补间动画)、属性动画。
下面分别介绍这三种动画。
帧动画:
帧动画是这三种动画中最为普遍的一种,指的是一帧一帧播放的动画。
更直白的讲就是快速切换图片的效果。
通过animation-list来实现,创建一个Drawable序列,这些Drawable可以按照指定的时间间隔一个一个的显示,也就是顺序播放事先做好的图像。
帧动画使用的基本步骤:
1.创建帧动画每帧需要的图片,放到对应的drawable-xxx或drawable目录中
2.在drawable目录下,创建帧动画xml文件,根节点选择animation-list。
oneshot属性表示帧动画的自动执行。
如果为true,表示动画只播放一次停止在最后一帧上,如果设置为false表示动画循环播放。
3.在JAVA代码中开启动画。
设置为View的Background或者ImageView的src,然后获取到控件的AnimationDrawable对象,通过AnimationDrawable.start()方法启动动画
下面以火箭的发射为例演示帧动画。
xml文件中的代码:
xmlversion="1.0"encoding="utf-8"?
>
android="> drawable="@drawable/desktop_rocket_launch_1"android: duration="200"/> drawable="@drawable/desktop_rocket_launch_2"android: duration="200"/> Java代码的实现: iv=newImageView(this); //开启帧动画rocket为上述xml文件 iv.setBackgroundResource(R.drawable.rocket); AnimationDrawablead=(AnimationDrawable)iv.getBackground(); ad.start(); 属性动画: Android3.0之后view类增加新的用来记录动画行为的属性,只能运行的Android3.0以上的系统也就是说运行在API-11以上的系统。 属性动画会改变当前的视图所在的位置,通过动态改变控件的宽、高、坐标等属性而产生的动画效果。 通过控制控件的属性实现动画效果,属性动画比补间动画要更灵活、强大的多。 需要注意的是属性动画内部其实并没有区分位移、缩放、透明、旋转等动画,其核心思想只是修改一个控件的属性,我们可以通过修改不同的属性来实现补间动画的4种效果而已。 属性动画跟补间动画比,属性动画是真正改变了控件的属性,会改变当前的视图所在的位置,因此当控件的位置改变后只要点击到了控件“身上”就能触发onClick事件。 而补间动画则并没用改变控件的真实属性,因此不管属性动画执行后将控件移动到了哪个位置,只能通过点击该控件的原始位置才能触发onClick事件。 通过xml文件实现属性动画步骤: 1.在res下创建属性动画文件。 在res目录下创建animator文件夹,然后创建一个objectAnimator资源文件。 资源名称自定义即可。 2.编写属性动画文件。 指定属性值。 3.编写代码使用属性动画文件。 通过AnimatorInflater加载图片资源,指定要显示动画的控件,并开启动画。 属性动画可以通过xml文件实现,但通常属性动画是通过JAVA代码实现。 这里仅给出用xml文件实现淡化动画的案例,其他案例均以JAVA代码的方式实现。 JAVA代码的方式实现属性动画。 复制代码 publicclassMainActivityextendsActivity{ privateImageViewiv; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); iv=(ImageView)findViewById(R.id.iv); } /** *淡化动画 *@paramview */ publicvoidalpha(Viewview){ ObjectAnimatoroa=ObjectAnimator.ofFloat(iv,"alpha",newfloat[]{ 0.0f,0.2f,0.4f,0.6f,0.8f,1.0f}); oa.setDuration(3000); oa.setRepeatCount(ObjectAnimator.INFINITE); oa.setRepeatMode(ObjectAnimator.REVERSE); oa.start(); } /** *平移动画 *@paramview */ publicvoidtrans(Viewview){ ObjectAnimatoroa=ObjectAnimator.ofFloat(iv,"translationX", newfloat[]{10f,20f,30f,40f,60f,80f}); oa.setDuration(3000); oa.setRepeatCount(ObjectAnimator.INFINITE); oa.setRepeatMode(ObjectAnimator.REVERSE); oa.start(); } /** *缩放动画 */ publicvoidscale(Viewview){ ObjectAnimatoroa=ObjectAnimator.ofFloat(iv,"scaleX",newfloat[]{ 1f,2f,3f,4f,5f,6f}); oa.setDuration(3000); oa.setRepeatCount(ObjectAnimator.INFINITE); oa.setRepeatMode(ObjectAnimator.REVERSE); oa.start(); } /** *旋转动画 */ publicvoidrotate(Viewview){ ObjectAnimatoroa=ObjectAnimator.ofFloat(iv,"rotationY", newfloat[]{90f,180f,270f,360f}); oa.setDuration(3000); oa.setRepeatCount(ObjectAnimator.INFINITE); oa.setRepeatMode(ObjectAnimator.REVERSE); oa.start(); } /** *水平平移+竖直平移 */ publicvoidset(Viewview){ AnimatorSetset=newAnimatorSet(); ObjectAnimatoroa=ObjectAnimator.ofFloat(iv,"translationX", newfloat[]{10f,20f,30f,40f,60f,80f}); oa.setDuration(3000); ObjectAnimatoroa2=ObjectAnimator.ofFloat(iv,"translationY", newfloat[]{-10f,-20f,-30f,-40f,-60f,-80f}); oa2.setDuration(3000); set.playTogether(oa,oa2); set.start(); } } 复制代码 xml文件实现淡化效果: 复制代码 xmlversion="1.0"encoding="utf-8"? > android=" android: duration="3000" android: propertyName="alpha" android: repeatCount="3" android: repeatMode="reverse" android: valueFrom="0.0" android: valueTo="1.0"> 复制代码 然后在java代码中实现这样一段代码: publicvoidalpha(Viewview){ Animatoranimator=AnimatorInflater.loadAnimator(this, R.animator.alpha); animator.setTarget(iv); animator.start(); } View动画: 渐变动画也叫补间动画。 补间动画通过对View的内容进行一系列的图形变换(包括平移、缩放、旋转、改变透明度)来实现动画效果。 动画效果的定义可以采用XML文件来做也可以采用java代码来做。 使用XML文件实现View动画的步骤: 1.在res目录下创建anim文件夹。 2.在anim文件夹中创建xml文件,文件名可以自定义。 3.编辑xml文件。 定义不同的标签,表示不同的动画效果。 alpha表示淡化, 4.添加Java逻辑代码,使用AnimationUtils工具类加载xml文件,获取Animation对象,调用startAnimation让ImageView执行此动画。 View动画中常用属性的含义: duration动画时长 fromAlpha起始透明度,1为完全不透明,0为完全透明 repeatCount重复次数,INFINITE表示无限重复 toAlpha目标透明度 repeatMode重复模式,restart为重新开始,reverse表示来回播放 渐变动画在代码中使用的是AlphaAnimation类来定义,在XML文件中使用 旋转动画在代码中使用的是RotateAnimation类来定义,在XML文件中使用 伸缩动画在代码中使用的是ScaleAnimation类来定义,在XML文件中使用 平移动画在代码中使用的是TranslateAnimation类来定义,在XML文件中使用 Android提供了AnimationSet动画集合用于将多种补间动画联合起来一起使用,这样就能实现更多复杂的动画效果。 动画集合既可以使用AnimationSet类来定义也可以在XML文件中使用 任何复杂的动画均是通过简单的动画集合在一起的。 使用编码方式同样可以实现view动画,直接创建相应的动画对象,然后添加相应的属。 代使用编码方式实现view动画跟用XML文件实现View动画其实是一模一样的,无非就是在JAVA代码中设定相关的属性罢了。 使用XML文件实现View动画的代码: 1.在anim文件夹下新建下列文件: 复制代码 --alpha_demo.xml文件夹下--> xmlversion="1.0"encoding="utf-8"? > android=" android: duration="2000" android: fromAlpha="0.0" android: repeatCount="infinite" android: repeatMode="reverse" android: toAlpha="1.0"> --rotate_demo.xml文件夹下--> xmlversion="1.0"encoding="utf-8"? > android=" android: duration="2000" android: fromDegrees="0" android: pivotX="50%" android: pivotY="50%" android: repeatCount="2" android: repeatMode="reverse" android: toDegrees="360"> --scale_demo.xml文件夹下--> xmlversion="1.0"encoding="utf-8"? > android=" android: duration="2000" android: fromXScale="20%" android: fromYScale="20%" android: pivotX="50%" android: pivotY="50%" android: repeatCount="2" android: repeatMode="reverse" android: toXScale="200%" android: toYScale="200%"> --set_demo.xml文件夹下--> xmlversion="1.0"encoding="utf-8"? > android=" android: fillAfter="true"> xmlns: android=" android: duration="2000" android: fromDegrees="0" android: pivotX="50%" android: pivotY="50%" android: repeatCount="2" android: repeatMode="reverse" android: toDegrees="360"> xmlns: android=" android: duration="2000" android: fromXScale="20%" android: fromYScale="20%" android: pivotX="50%" android: pivotY="50%" android: repeatCount="2" android: repeatMode="reverse" android: toXScale="200%" android: toYScale="200%"> --trans_dem
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 初识 android 中的 动画