Android自定义视图动画

本文介绍了View动画的各种效果,并实现自定义动画的效果。主要包括以下部分:

        1.view动画-透明动画效果(AlphaAnimation)

        2.View动画-旋转动画效果(RotateAnimation)

        3.View动画-移动动画效果(TranslateAnimation)

        4.View动画-缩放动画效果(ScaleAnimation)

        5.View动画-动画效果的混合

        6.View动画-动画效果的侦听

        7.View动画-自定义动画效果

详细代码:github.com/Baolvlv/LearnAndroid/tree/master/ViewAnimation

1.view动画-透明动画效果(AlphaAnimation)

对button设置事件监听器后,可以通过代码或xml文件的方式,添加透明动画效果

(1)通过代码的方式添加动画

//设置透明动画,透明度0-1

AlphaAnimation aa =newAlphaAnimation(0,1);

//设置动画的时间长度

aa.setDuration(1000);

v.startAnimation(aa);

(2)通过xml文件的方式

在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立alpha标签,编写透明动画的效果

http://schemas.android.com/apk/res/android">

android:toAlpha="1"

android:duration="1000">

而后在事件监听器中,添加xml的动画效果

v.startAnimation(AnimationUtils.loadAnimation(getApplication(),R.anim.aa));

2.View动画-旋转动画效果(RotateAnimation)

(1)通过代码的方式添加动画

初始化RotateAnimation变量,设置旋转角度与旋转中心

ra=newRotateAnimation(0,360,100,50);//后两个参数为中心点的像素

//设置相对于控件自身中心点(比例 0.5f)

ra=newRotateAnimation(0,360,RotateAnimation.RELATIVE_TO_SELF,0.5f,RotateAnimation.RELATIVE_TO_SELF,0.5f);

//设置动画时间为1秒

ra.setDuration(1000);

在事件监听器中开始动画

v.startAnimation(ra);

(2)通过xml文件的方式

在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立rotate标签,编写旋转动画的效果

http://schemas.android.com/apk/res/android">

android:toDegrees="360"

android:duration="1000"

android:pivotX="50%"

android:pivotY="50%">

在事件监听器中开始动画

v.startAnimation(AnimationUtils.loadAnimation(getApplication(),R.anim.ra));

3.View动画-移动动画效果(TranslateAnimation)

(1)通过代码的方式添加动画

初始化TranslateAnimation变量,设置相对于自身初始位置的位移量

//相对于当前自身位置移动一个增量

ta=newTranslateAnimation(0,200,0,200);

ta.setDuration(1000);

在事件监听器中开始动画

v.startAnimation(ta);

(2)通过xml文件的方式

在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立translate标签,编写位移动画的效果

http://schemas.android.com/apk/res/android"

android:fromXDelta="0"

android:toXDelta="200"

android:fromYDelta="0"

android:toYDelta="200"

android:duration="1000">

在事件监听器中开始动画

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.ta));

4.View动画-缩放动画效果(ScaleAnimation)

(1)通过代码的方式添加动画

初始化ScaleAnimation变量,设置缩放比例与缩放中点位置

//相对于控件自身的(100,50)像素位置,从原大小放大至两倍

sa=newScaleAnimation(1,2,1,2,100,50);

//相对于自身位置中心点从0放大到1

sa=newScaleAnimation(0,1,0,1,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);

sa.setDuration(1000);

在事件监听器中开始动画

v.startAnimation(sa);

(2)通过xml文件的方式

在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立scale标签,编写位缩放画的效果

http://schemas.android.com/apk/res/android"

android:fromXScale="0"

android:toXScale="1"

android:fromYScale="0"

android:toYScale="1"

android:pivotX="50%"

android:pivotY="50%"

android:duration ="1000">

在事件监听器中开始动画

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.sa));

5.View动画-动画效果的混合

(1)通过代码的方式添加动画

初始化AnimationSet类的对象as

//AnimationSet可储存多个动画

privateAnimationSetas;

实例化as,设置动画补间

//是否共用动画补间:true;动画补间:动画是加速还是匀速执行

as=newAnimationSet(true);

as.setDuration(1000);

其余每个单独动画与原来设置一样,设置完后添入AnimationSet中

AlphaAnimation aa =newAlphaAnimation(0,1)

aa.setDuration(1000);

as.addAnimation(aa);

TranslateAnimation ta =newTranslateAnimation(200,0,200,0);

ta.setDuration(1000);

as.addAnimation(ta);

在事件监听器中开始动画

v.startAnimation(as);

(2)通过xml文件的方式

在res文件夹下,新建anim文件夹,在anim文件夹下新建 animation resource file,建立set主标签,设置动画补间与动画时间。在主标签下分别编写每个动画的标签,并完成相关设置

http://schemas.android.com/apk/res/android"

android:shareInterpolator="true"

android:duration="1000">

android:toAlpha="1"/>

android:toXDelta="0"

android:fromYDelta="200"

android:toYDelta="0"/>

在事件监听器中开始动画

v.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.anim));

6.View动画-动画效果的侦听

通过对Animation对象setAnimationListener,对动画效果进行侦听,会override动画开始,动画结束与动画重复三个函数,在相应的函数中完成操作

Animation a = AnimationUtils.loadAnimation(MainActivity.this,R.anim.anim);

a.setAnimationListener(newAnimation.AnimationListener() {

@Override

public voidonAnimationStart(Animation animation) {

}

@Override

public voidonAnimationEnd(Animation animation) {

Toast.makeText(MainActivity.this,"Animation end",Toast.LENGTH_SHORT).show();

}

@Override

public voidonAnimationRepeat(Animation animation) {

}

});

7.View动画-自定义动画效果

自定义一个类继承自Animation,override initialize方法与applyTransformation方法

//获取目标容器于父级容器的宽高

@Override

public voidinitialize(intwidth, intheight, intparentWidth, intparentHeight) {

super.initialize(width,height,parentWidth,parentHeight);

//在动画开始时,initialize方法先执行,获取到目标对象的宽高

//设置变化形态

@Override

protected voidapplyTransformation(floatinterpolatedTime,Transformation t) {

//参数interpolatedTime为补间时间,动画开始时为0,结束时为1,动画过程中从0到1变化

//参数Transformation可以设置变化的形态, 如设置透明

//t.setAlpha(interpolatedTime);

//设置其他的变化getMatrix

// 用最终位置乘interpolatedTime,进行到最终位置的缓慢移位

// t.getMatrix().setTranslate(200*interpolatedTime,200*interpolatedTime);

//以10为振幅的左右周期震动

t.getMatrix().setTranslate((float) (Math.sin(interpolatedTime*10)*10),0);

super.applyTransformation(interpolatedTime,t);

而后在主activity中实例化类,在事件监听器中startAnimation即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,029评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,395评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,570评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,535评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,650评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,850评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,006评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,747评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,207评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,536评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,683评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,342评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,964评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,772评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,004评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,401评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,566评论 2 349

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,799评论 25 707
  • 1 背景 不能只分析源码呀,分析的同时也要整理归纳基础知识,刚好有人微博私信让全面说说Android的动画,所以今...
    未聞椛洺阅读 2,697评论 0 10
  • 最近工作比较清闲,所以想系统的复习和学习下自己比较短缺的知识,所以。。。 程序运行效果图: Android动画主要...
    小沈新手阅读 504评论 0 1
  • 一 爷爷原本是山东人,那一年山东闹饥荒,人们在地里寻找着一切能糊口的东西,先是吃地瓜秧,吃光了秧子就开始啃树皮,最...
    智御阅读 193评论 3 4
  • 从上周开始,我们励志团做的不错的代理陆续在企业家群里做了分享。 无名总是客气的感谢我,其实这个机会对我们来说真的很...
    励志宝妈阅读 439评论 0 0