Android学习——Tween动画

最新推荐文章于 2017-11-08 19:18:37 发布
原创 最新推荐文章于 2017-11-08 19:18:37 发布 · 395 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #动画 #移动

Tweened Animations：该类Animations提供了旋转、移动、伸展和淡出等效果。
Alpha——淡入淡出
Scale——缩放效果
Rotate——旋转
Translate——移动效果。
Animation有四个子类：AlphaAnimation、TranslateAnimation、ScaleAnimation、RotateAnimation
1.AlphaAnimation
在布局文件中添加一个ImageView和一个Button：

 <ImageView
        android:id="@+id/imgv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="97dp"
        android:src="@drawable/cyddz" />
    <Button
        android:id="@+id/btn_alpha"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/imgv"
        android:layout_marginTop="126dp"
        android:text="Alpha动画" 
        android:onClick="alpha"/>

    ImageView imgv;
    Button btn_alpha;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imgv = (ImageView) this.findViewById(R.id.imgv);
        btn_alpha = (Button) this.findViewById(R.id.btn_alpha);
        }

方式1：程序里设置

    public void alpha(View v){
        //新建对象，透明度1到0.3 
        AlphaAnimation anim = new AlphaAnimation(1f, 0.3f);
        //设置周期
        anim.setDuration(4000);
        //设置重复次数
        anim.setRepeatCount(2);
        //设置重复类型：REVERSE翻转，RESTART重新开始
        anim.setRepeatMode(Animation.REVERSE);
        //动画执行后，控件将停留在执行结束的状态
        anim.setFillAfter(true);
        //设置延迟：2s后开始
        anim.setStartOffset(2000);
        //启动动画
        imgv.startAnimation(anim);
    }

方式二：配置文件里设置
在res中新建anim/alpha1.xml:

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="4000"
    android:fillAfter="true"
    android:fromAlpha="1.0"
    android:repeatCount="2"
    android:repeatMode="reverse"
    android:startOffset="2000"
    android:toAlpha="0.3" >
</alpha>

在程序中启动动画：

//方式二：
AlphaAnimation anim = (AlphaAnimation) AnimationUtils.loadAnimation(this, R.anim.alpha1);
imgv.startAnimation(anim);

两种方式，运行效果相同。
这里写图片描述
2. RotateAnimation
newRotateAnimation(fromDegrees,toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue);
参数1：fromDegrees:旋转起始角度
参数2：toDegrees:旋转结束角度
以下4个参数用来设置旋转圆心：
参数3：pivotXType:旋转类型，表示以哪个位置为旋转的基点横坐标。
共有3个：
Animation.ABSOLUTE,一个绝对坐标
Animation.RELATIVE_TO_SELF 当前控件的左上角横坐标
Animation.RELATIVE_TO_PARENT.当前父控件的左上角横坐标 参数4：pivotXValue: 0-1f之间的一个float值，表示实际旋转时圆心相对基点的水平偏移量，0表示不偏移，0.5f是半个控件长度 ，1表示偏移当前控件宽度
参数5：pivotYType： 同参数3.
参数6：pivotYValue: 同参数4

具体使用也有两种方式：

        //方式一:
        //新建对象，旋转角度从0到90，默认逆时针旋转，旋转中心为图片的左上角
        //RotateAnimation anim = new RotateAnimation(0f,90f);
        //RotateAnimation anim = new RotateAnimation(0, 90, 25, 25);
        RotateAnimation anim = new RotateAnimation(0,90,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
        //设置周期
        anim.setDuration(4000);
        //设置重复次数
        anim.setRepeatCount(2);
        //设置重复类型：REVERSE翻转，RESTART重新开始
        anim.setRepeatMode(Animation.REVERSE);
        //动画执行后，控件将停留在执行结束的状态
        anim.setFillAfter(true);
        //设置延迟：1s后开始
        anim.setStartOffset(1000);
        //启动动画
        imgv.startAnimation(anim);
        //方式二：
        RotateAnimation anim = (RotateAnimation) AnimationUtils.loadAnimation(this, R.anim.rotate1);
        imgv.startAnimation(anim);

rotate1.xml:

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="4000"
    android:fillAfter="true"
    android:fromDegrees="0"
    android:pivotX="0.5"
    android:pivotY="0.5"
    android:repeatCount="2"
    android:repeatMode="reverse"
    android:startOffset="1000"
    android:toDegrees="90" >
</rotate>

这里写图片描述
3. ScaleAnimation
scale.xml：

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="4000"
    android:fillAfter="true"
    android:fromXScale="1"
    android:fromYScale="1"
    android:pivotX="0.5"
    android:pivotY="0.5"
    android:repeatCount="2"
    android:repeatMode="reverse"
    android:startOffset="1000"
    android:toXScale="0.5"
    android:toYScale="0.5" >
</scale>

        //方式一:
        //新建对象，宽和高分别从1到0.5，默认图片的左上角为（0，0）点
        //ScaleAnimation anim = new ScaleAnimation(1f,0.5f, 1f, 0.5f);
        //ScaleAnimation anim = new ScaleAnimation(1f,0.5f, 1f, 0.5f,25,25);
        ScaleAnimation anim = new ScaleAnimation(1.0f,0.5f,1.0f,0.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
        //设置周期
        anim.setDuration(4000);
        //设置重复次数
        anim.setRepeatCount(2);
        //设置重复类型：REVERSE翻转，RESTART重新开始
        anim.setRepeatMode(Animation.REVERSE);
        //动画执行后，控件将停留在执行结束的状态
        anim.setFillAfter(true);
        //设置延迟：1s后开始
        anim.setStartOffset(1000);
        //启动动画
        imgv.startAnimation(anim);

        //方式二：
//      ScaleAnimation anim = (ScaleAnimation) AnimationUtils.loadAnimation(this, R.anim.scale1);
//      imgv.startAnimation(anim);

4. TranslateAnimation
trans1.xml:

<?xml version="1.0" encoding="utf-8"?>
<translate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0"
    android:toXDelta="100%"
    android:fromYDelta="0"
    android:toYDelta="100%"
    android:fillAfter="true"
    android:duration="4000"
    android:repeatCount="2"
    android:repeatMode="reverse"
    android:startOffset="1000"
    >   
</translate>

        //方式一:
        //新建对象，设置起始位置的x，y和终止位置的x，y
 TranslateAnimation anim=new TranslateAnimation( 0, -100,  0, 100);      
//       TranslateAnimation anim=new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0,
//       Animation.RELATIVE_TO_SELF, 1f, Animation.RELATIVE_TO_SELF, 0,
//       Animation.RELATIVE_TO_SELF, 1f);
        //设置周期
        anim.setDuration(4000);
        //设置重复次数
        anim.setRepeatCount(2);
        //设置重复类型：REVERSE翻转，RESTART重新开始
        anim.setRepeatMode(Animation.REVERSE);
        //动画执行后，控件将停留在执行结束的状态
        anim.setFillAfter(true);
        //设置延迟：1s后开始
        anim.setStartOffset(1000);
        //启动动画
        imgv.startAnimation(anim);      
        //方式二：
//      TranslateAnimation anim = (TranslateAnimation) AnimationUtils.loadAnimation(this, R.anim.trans1);
//      imgv.startAnimation(anim);

5. AnimationSet
sets.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:repeatCount="-1"
        android:repeatMode="reverse"
        android:toDegrees="90" />

    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:repeatCount="-1"
        android:repeatMode="reverse"
        android:toAlpha="0.5" />

</set>

    public void sets(View v){
        //创建四种动画
        ScaleAnimation anim1 = new ScaleAnimation(1f, 0.5f, 1f, 0.5f, 35, 35);
        TranslateAnimation anim2 = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f,
                Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f);
        AlphaAnimation anim3 = new AlphaAnimation(1.0f, 0.3f);
        RotateAnimation anim4 = new RotateAnimation(0,360);
        //设置重复，只能一个个设置，不能给动画集整体设置
        setReapeat(anim1);
        setReapeat(anim2);
        setReapeat(anim3);
        setReapeat(anim4);
        //创建动画集，并添加四种动画
        AnimationSet as = new AnimationSet(false);
        as.addAnimation(anim1);
        as.addAnimation(anim2);
        as.addAnimation(anim3);
        as.addAnimation(anim4);
        //设置动画集整体其他效果
        as.setDuration(4000);
        as.setFillAfter(true);
        //启动动画
        imgv.startAnimation(as);

        //方式二：
//      Animation anim=AnimationUtils.loadAnimation(this, R.anim.sets);
//      imgv.startAnimation(anim);
    }

    public void setReapeat(Animation ani) {
        ani.setRepeatCount(2);
        ani.setRepeatMode(Animation.REVERSE);
    }

6. Interpolator动画修改器
Interpolator：基本动画的修改器
AccelerateInterpolator：动画从开始到结束，变化率是一个加速的过程。
DecelerateInterpolator：动画从开始到结束，变化率是一个减速的过程。
CycleInterpolator：动画从开始到结束，变化率是循环给定次数的正弦曲线。
AccelerateDecelerateInterpolator：动画从开始到结束，变化率是先加速后减速的过程。
LinearInterpolator：动画从开始到结束，变化率是线性变化。
OvershootInterpolator：向前甩一定值后再回到原来位置
BounceInterpolator：动画结束的时候弹起
AnticipateInterpolator ：开始的时候向后然后向前甩
AnticipateOvershootInterpolator ：开始的时候向后然后向前甩一定值后返回最后的值
anim.setInterpolator(传入具体对象使用)
布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tv1"
        android:layout_marginLeft="32dp"
        android:layout_marginTop="152dp"
        android:layout_toRightOf="@+id/tv1"
        android:onClick="go"
        android:text="开始" />

    <TextView
        android:id="@+id/tv1"
        android:layout_width="50dp"
        android:layout_height="30dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="84dp"
        android:background="#ff0000"
        android:text="xxxxx" />

</RelativeLayout>

sets.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/bounce_interpolator"
    android:shareInterpolator="true" >

    <rotate
        android:duration="3000"
        android:fromDegrees="0"
        android:repeatCount="-1"
        android:repeatMode="reverse"
        android:toDegrees="90" />

    <alpha
        android:duration="3000"
        android:fromAlpha="1"
        android:repeatCount="-1"
        android:repeatMode="reverse"
        android:toAlpha="0.5" />

</set>

java代码：

    public void go(View v){
        //方式一：
//      AnimationSet as=new AnimationSet(true);
//      Interpolator inter=new  BounceInterpolator ();
//      as.setInterpolator(inter);
//      TranslateAnimation anim2 = new TranslateAnimation(
//              Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.85f,
//              Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0f);
//      anim2.setDuration(3000);
//      anim2.setRepeatCount(-1);
//      anim2.setRepeatMode(Animation.REVERSE);
//      
//      as.addAnimation(ani2);
//      tv.startAnimation(as);
        //方式二：
        Animation anim=AnimationUtils.loadAnimation(this, R.anim.sets);
        tv.startAnimation(anim);
    }

运行中效果：
这里写图片描述
6. LayoutAnimationController
布局文件：

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </ListView>

controller.xml:

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/sets1"
    android:delay="1" />

sets1.xml:

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <rotate
        android:duration="3000"
        android:fromDegrees="90"
        android:repeatCount="0"
        android:toDegrees="0" />

    <alpha
        android:duration="3000"
        android:fromAlpha="0"
        android:toAlpha="1" />

    <translate
        android:duration="3000"
        android:fromXDelta="100%"
        android:fromYDelta="0"
        android:toXDelta="0"
        android:toYDelta="0" />

</set>

java代码：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView lv = (ListView) this.findViewById(R.id.listView1);
        String[] strs = new String[15];
        for (int i = 0; i < strs.length; i++) {

            strs[i] = "xxxxxxxxxx" + i;
        }
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, strs);
        lv.setAdapter(adapter);
        //方式一 
//      TranslateAnimation anim2 = new TranslateAnimation(
//              Animation.RELATIVE_TO_PARENT, 1f, Animation.RELATIVE_TO_PARENT, 0f,
//              Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0f);
//      anim2.setDuration(3000);
//      
//      LayoutAnimationController controller=new LayoutAnimationController(anim2);
//      lv.setLayoutAnimation(controller);
//      controller.start();
//      //lv.startLayoutAnimation();        
        //------------------------------------
    //方式二
        LayoutAnimationController controller=AnimationUtils.loadLayoutAnimation(this, R.anim.controller);
        lv.setLayoutAnimation(controller);
        controller.start();
    }

运行效果：
这里写图片描述
这里写图片描述

Android学习——服务Service与广播接收者BroadcastReciver
humenglove的专栏
10-25 5500
Service 1.1 服务的生命周期 第一种：创建 - - > 开始 - - > 销毁 新建MyService类： /** * Created by humour on 2015/9/24 0024. * 服务的生命周期有两种； 1.创建 开始 销毁 2.创建，绑定 解除绑定 销毁 */ public class MyService extends Service { @N
android tween动画平移怎么设置时间,Android动画学习——Tween Animation
weixin_39521068的博客
05-25 145
目录Android动画学习android中动画分为3种：Tween Animation：通过对场景里的对象不断做图像变换(平移、缩放、旋转)产生的动画效果，即是一种渐变动画。Frame Animation：顺序播放事先做好的图像，是一种画面转换动画。Property Animation：属性动画，通过动态地改变对象的属性从而达到动画效果，属性动画为API 11新特性。这篇博客主要来分析Tween ...
Android动画——Tween动画之Rotate
wangxiulong056的专栏
04-12 469
创建资源文件在res文件夹下创建anim文件夹，在anim中新建一个资源文件，文件名随意 编写代码<?xml version="1.0" encoding="utf-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDeg
Android动画——Tween动画之Scale
wangxiulong056的专栏
04-12 810
创建资源文件在res文件夹下创建anim文件夹，在anim中新建一个资源文件，文件名随意 编写代码<?xml version="1.0" encoding="utf-8"?> <scale xmlns:android="http://schemas.android.com/apk/res/android" android:fromXScale="1.0" android:toXSc
Android动画——Tween动画之Alpha
wangxiulong056的专栏
04-12 336
创建资源文件：在res目录下创建anim文件夹，新建一个资源文件 编写代码<?xml version="1.0" encoding="utf-8"?> <alpha xmlns:android="http://schemas.android.com/apk/res/android" android:fromAlpha="1" android:toAlpha="0.5" an
Android动画——Tween动画之Set
wangxiulong056的专栏
04-12 426
创建资源文件在res文件夹下创建anim文件夹，在anim中新建一个资源文件，文件名随意 编写代码<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="1.0"
Android动画——Tween动画之Translate
wangxiulong056的专栏
04-12 390
创建资源文件在res文件夹下创建anim文件夹，在anim中新建一个资源文件，文件名随意 编写代码<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="0" android:fro
Android动画学习——Tween Animation
小一的专栏
05-27 5502
Android动画学习 android中动画分为3种： Tween Animation：通过对场景里的对象不断做图像变换（平移、缩放、旋转）产生的动画效果，即是一种渐变动画。 Frame Animation：顺序播放事先做好的图像，是一种画面转换动画。 Property Animation：属性动画，通过动态地改变对象的属性从而达到动画效果，属性动画为API 11新特性。 Twe
Android基础——Tween动画、Drawable动画、Property动画、MaterialDesign动画、Trasition动画
点击置顶文章查看博客目录（全站式导航）
11-08 2710
项目主页项目结构项目结构清晰，以介绍的模块对应起来BaseActivity这里会发现一个奇怪的Activity，每个Activity都继承这个BaseActivity，其作用就是增加标题和返回键的功能public class BaseActivity extends AppCompatActivity { @Override protected void onCreate(@Null
Android View动画之——Tween动画
qiao0809的专栏
09-20 540
View动画也叫Tween动画（补间动画），可以在一个容器（布局）内执行透明度变化，旋转，大小变化，位移等动画，它是通过ParentView来不断调整ChildView的不同坐标来实现的
安卓Android源码——菜单动画(类似QQ空间)Demo.zip
10-10
1. 动画API的使用：Android提供了多种动画机制，如Tween动画、属性动画（Property Animation）、过渡动画（Transition Animation）等，可能在代码中运用到了其中的一种或多种。 2. 视图层级管理：可能涉及到如何在...
安卓Android源码——菜单动画(类似QQ空间)Demo.rar
10-10
2. **动画API**: Android提供了多种动画类型，包括Tween动画（改变属性值）和帧动画（播放一系列图片）。在这个示例中，可能会使用Tween动画来平移、缩放或旋转菜单项，从而模拟QQ空间中的展开和关闭效果。开发者...
安卓Android源码——(Animation动画).rar
10-11
3. Android的动画框架还支持Tween动画和Frame动画： - Tween动画：在两个关键帧之间平滑地过渡视图属性。 - Frame动画：类似于电影胶片，通过连续播放一组静态图片来创建动画效果。 4. 动画的使用方法： - XML...
安卓Android源码——(帧动画).rar
10-11
本资源“安卓Android源码——(帧动画).rar”提供了一个关于帧动画的示例源码，帮助开发者理解和实践如何在Android应用中创建帧动画。 帧动画的基本原理是通过连续播放一系列静态图片来产生动态效果。在Android中，...
Android学习——Frame动画、Shape动画
humenglove的专栏
09-17 1741
1. Frame帧动画 animation-list 属性oneshot : 帧动画的自动执行。如果为true，表示动画只播放一次停止在最后一帧上，如果设置为false表示动画循环播放。 示例： 新建/drawable/anim_img.xml<?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http:
Android学习——软件管理器之一
humenglove的专栏
09-21 642
PackageInfo、ApplicationInfo、ActivityInfo： PackageManager manager = this.getPackageManager(); //获取所有的包信息(包括安装未使用着的，和未卸载干净的) List<PackageInfo> packageInfos = manager.getInstalledPackages(PackageManager.
Android学习——Intent传递复杂数据类型
humenglove的专栏
09-22 594
目标：单击Button实现从MainActivity跳转到OtherActivity，并携带一个Person类对象，在OtherActiviy中打印出来。 具体实现如下： Dog类，实现了Serializable接口：public class Dog implements Serializable{ private String name; private int age;
Android学习——Intent传递数据
humenglove的专栏
09-19 551
（1）基本数据类型： 放数据： MainActivity.java: Intent intent = new Intent(this,OtherActivity.class); //传递基本数据类型 intent.putExtra(“data1”,true); intent.putExtra(“data2”,1234.567890); intent.putExtra(“data3”,4
Android Tween动画教学与实例解析
根据描述，本文将详细介绍动画中的一种类型——Tween 动画，并通过 AnimationTween 示例进行讲解。 ### Tween 动画概念 Tween 动画，又称补间动画，是通过指定动画的起始和结束帧以及时间，由系统自动完成中间帧的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值