十分钟教你玩转Android动画【Android】

最新推荐文章于 2024-03-15 10:18:59 发布
最新推荐文章于 2024-03-15 10:18:59 发布
阅读量870 收藏
点赞数 1
分类专栏： Android开发 文章标签： 动画 android android开发 rotate translate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengjun77/article/details/39699135
版权

动画效果编程基础--Animation
动画类型
Android的animation由四种类型组成
XML中 

alpha

渐变透明度动画效果

scale

渐变尺寸伸缩动画效果

translate

画面转换位置移动动画效果

rotate

画面转移旋转动画效果

JavaCode中 

AlphaAnimation

渐变透明度动画效果

ScaleAnimation

渐变尺寸伸缩动画效果

TranslateAnimation

画面转换位置移动动画效果

RotateAnimation

画面转移旋转动画效果


Android动画模式
Animation主要有两种动画模式：
一种是tweened animation(渐变动画) 

XML中

JavaCode

alpha

AlphaAnimation

scale

ScaleAnimation

一种是frame by frame(画面转换动画) 

XML中

JavaCode

translate

TranslateAnimation

rotate

RotateAnimation


如何在XML文件中定义动画

①　打开Eclipse，新建Android工程
②　在res目录中新建anim文件夹
③　在anim目录中新建一个myanim.xml(注意文件名小写)
④　加入XML的动画代码

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <alpha />
    <scale />
    <translate />
    <rotate />
</set>
Android 动画解析 --XML
<alpha> 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <alpha
        android:duration="3000"
        android:fromAlpha="0.1"
        android:toAlpha="1.0" />
    <!--
透明度控制动画效果 alpha
        浮点型值：
            fromAlpha 属性为动画起始时透明度
            toAlpha   属性为动画结束时透明度
            说明: 
                0.0表示完全透明
                1.0表示完全不透明
            以上值取0.0-1.0之间的float数据类型的数字
        长整型值：
            duration  属性为动画持续时间
            说明:     
                时间以毫秒为单位
    -->
</set>
<scale> 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <scale
        accelerate_decelerate_interpolator=""
        android:anim=""
        android:duration="700"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator=" "
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.4"
        android:toYScale="1.4" />
</set>
<!--
尺寸伸缩动画效果 scale
        属性：interpolator 指定一个动画的插入器
        在我试验过程中，使用android.res.anim中的资源时候发现
        有三种动画插入器:
            accelerate_decelerate_interpolator  加速-减速 动画插入器
            accelerate_interpolator        加速-动画插入器
            decelerate_interpolator        减速- 动画插入器
        其他的属于特定的动画效果
        浮点型值：
            fromXScale 属性为动画起始时 X坐标上的伸缩尺寸    
            toXScale   属性为动画结束时 X坐标上的伸缩尺寸     
       
            fromYScale 属性为动画起始时Y坐标上的伸缩尺寸    
            toYScale   属性为动画结束时Y坐标上的伸缩尺寸    
            说明:
                以上四种属性值    
                    0.0表示收缩到没有 
                    1.0表示正常无伸缩     
                    值小于1.0表示收缩  
                    值大于1.0表示放大
            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置
            说明:
                    以上两个属性值 从0%-100%中取值
                    50%为物件的X或Y方向坐标上的中点位置
        长整型值：
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位
        布尔型值:
            fillAfter 属性 当设置为true ，该动画转化在动画结束后被应用
-->
<translate> 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <translate
        android:duration="2000"
        android:fromXDelta="30"
        android:fromYDelta="30"
        android:toXDelta="-80"
        android:toYDelta="300" />
    <!--
		translate 位置转移动画效果
        整型值:
            fromXDelta 属性为动画起始时 X坐标上的位置    
            toXDelta   属性为动画结束时 X坐标上的位置
            fromYDelta 属性为动画起始时 Y坐标上的位置
            toYDelta   属性为动画结束时 Y坐标上的位置
           注意:
                     没有指定fromXType toXType fromYType toYType 时候，
                     默认是以自己为相对参照物             
        长整型值：
            duration  属性为动画持续时间
            说明:   时间以毫秒为单位
    -->
</set>
<rotate> 

<?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:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+350" />
    <!--
		rotate 旋转动画效果
        属性：interpolator 指定一个动画的插入器
             在我试验过程中，使用android.res.anim中的资源时候发现
            有三种动画插入器:
                accelerate_decelerate_interpolator   加速-减速 动画插入器
                accelerate_interpolator               加速-动画插入器
                decelerate_interpolator               减速- 动画插入器
             其他的属于特定的动画效果
       浮点数型值:
            fromDegrees 属性为动画起始时物件的角度    
            toDegrees   属性为动画结束时物件旋转的角度 可以大于360度   
            说明:
                     当角度为负数——表示逆时针旋转
                     当角度为正数——表示顺时针旋转              
                    (负数from——to正数:顺时针旋转)   
                     (负数from——to负数:逆时针旋转) 
                    (正数from——to正数:顺时针旋转) 
                     (正数from——to负数:逆时针旋转)       

            pivotX     属性为动画相对于物件的X坐标的开始位置
            pivotY     属性为动画相对于物件的Y坐标的开始位置
                
            说明:        以上两个属性值 从0%-100%中取值
                         50%为物件的X或Y方向坐标上的中点位置
        长整型值：
            duration  属性为动画持续时间
            说明:       时间以毫秒为单位
    -->
</set>
如何使用 XML 中的动画效果 
public static Animation loadAnimation (Context context, int id) 
//第一个参数Context为程序的上下文    
//第二个参数id为动画XML文件的引用
//例子：
myAnimation= AnimationUtils.loadAnimation(this,R.anim.my_action);
//使用AnimationUtils类的静态方法loadAnimation()来加载XML中的动画XML文件
如何在 Java 代码中定义动画 

//在代码中定义 动画实例对象
private Animation myAnimation_Alpha;
private Animation myAnimation_Scale;
private Animation myAnimation_Translate;
private Animation myAnimation_Rotate;
   //根据各自的构造方法来初始化一个实例对象
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
             Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
myAnimation_Translate=new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);
myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
               Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

Android动画解析--JavaCode


AlphaAnimation

①　AlphaAnimation类对象定义

1.private AlphaAnimation myAnimation_Alpha;

②　AlphaAnimation类对象构造

AlphaAnimation(float fromAlpha, float toAlpha) 
//第一个参数fromAlpha为 动画开始时候透明度
//第二个参数toAlpha为 动画结束时候透明度
myAnimation_Alpha=new AlphaAnimation(0.1f, 1.0f);
//说明: 
//                0.0表示完全透明
//                1.0表示完全不透明
③ 　设置动画持续时间 

myAnimation_Alpha.setDuration(5000);
//设置时间持续时间为 5000毫秒

ScaleAnimation

①　ScaleAnimation类对象定义

1.private AlphaAnimation myAnimation_Alpha;

②　ScaleAnimation类对象构造

ScaleAnimation(float fromX, float toX, float fromY, float toY,
           int pivotXType, float pivotXValue, int pivotYType, float pivotYValue) 
//第一个参数fromX为动画起始时 X坐标上的伸缩尺寸    
//第二个参数toX为动画结束时 X坐标上的伸缩尺寸     
//第三个参数fromY为动画起始时Y坐标上的伸缩尺寸    
//第四个参数toY为动画结束时Y坐标上的伸缩尺寸  
/*说明:
                    以上四种属性值    
                    0.0表示收缩到没有 
                   1.0表示正常无伸缩     
                    值小于1.0表示收缩  
                   值大于1.0表示放大
*/
//第五个参数pivotXType为动画在X轴相对于物件位置类型  
//第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
//第七个参数pivotXType为动画在Y轴相对于物件位置类型   
//第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置
myAnimation_Scale =new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
             Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);

③　设置动画持续时间

myAnimation_Scale.setDuration(700);
//设置时间持续时间为 700毫秒

TranslateAnimation
①　TranslateAnimation类对象定义

1.private AlphaAnimation myAnimation_Alpha;

②　TranslateAnimation类对象构造

TranslateAnimation(float fromXDelta, float toXDelta,
                       float fromYDelta, float toYDelta) 
//第一个参数fromXDelta为动画起始时 X坐标上的移动位置    
//第二个参数toXDelta为动画结束时 X坐标上的移动位置      
//第三个参数fromYDelta为动画起始时Y坐标上的移动位置     
//第四个参数toYDelta为动画结束时Y坐标上的移动位置
③ 　设置动画持续时间 

myAnimation_Translate.setDuration(2000);
//设置时间持续时间为 2000毫秒

RotateAnimation
①　RotateAnimation类对象定义

1.private AlphaAnimation myAnimation_Alpha;

②　RotateAnimation类对象构造

RotateAnimation(float fromDegrees, float toDegrees, 
            int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//第一个参数fromDegrees为动画起始时的旋转角度    
//第二个参数toDegrees为动画旋转到的角度   
//第三个参数pivotXType为动画在X轴相对于物件位置类型  
//第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
//第五个参数pivotXType为动画在Y轴相对于物件位置类型   
//第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
myAnimation_Rotate=new RotateAnimation(0.0f, +350.0f,
               Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);

③　设置动画持续时间

myAnimation_Rotate.setDuration(3000);
//设置时间持续时间为 3000毫秒

如何使用Java代码中的动画效果

使用从View父类继承过来的方法startAnimation()来为View或是子类View等等添加一个动画效果

1.public void startAnimation (Animation animation)

 


lingwu7
关注
专栏目录
android 动画详解
wk_先森的博客
03-01 568
 我们在开发时，很多地方会应用到动画，安卓为我们提供很多种动画方式，下面介绍android为我们提供的动画。1.android 动画分为三种：补间动画，帧动画，属性动画（属性动画为API 11 新特性）2.1补间动画的种类1）TranslateAnimation（平移动画）：2）ScaleAnimation （缩放动画）3） RoateAnimation (旋转动画)4）AlphaAnimatio...
技术淘宝
dicha7140的博客
06-23 2万+
???? ???? ???? ????精度前端学习 ——前端开发100天（置顶） http://alloyteam.github.io/CodeGuide/https://github.com/AlloyTeam/CodeGuide cmd控制台的小技巧：可以直接将文件夹/文件丢进去，这样就会打印出该路径了。 舒服的字体家族样式： font: 300 16px/1.8 ...
动画效果编程基础--AnimationAndroid
浮白
07-25 1597
动画<span class="t_tag" onclick="function onclick(){tagshow(event)}">效果编程基础--AnimationAndroid 动画类型Android的animation由四种类型组成<span class="t_tag" onclick="function onclick(){tagshow(event)}">XML
Android 动画详解
weixin_48923034的博客
12-14 177
Android 动画分类 1.帧动画（Frame Animation） 2.补间动画（Tweened Animation） 3.属性动画（Property Animation） 一、帧动画 原理：将一张张单独的图片连贯的进行播放，从而在视觉上产生一种动画的效果，类似电影播放 实现 1.在drawable中创建anim_list <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:android="http://schem
安卓动画详解
daojian5173的博客
12-28 234
安卓参数介绍: 例子(透明度控制动画效果): <？xml version=”1.0” encoding=”utf-8”？> 《alpha android:fromAlpha=”0.1” android:toAlpha=”1.0” android:duration=”3000” /》透明度控制动画效果 alpha 浮点型值： fromAlpha
Android动画详解
黄林晴
09-26 1万+
前言 Android动画分为视图动画（View Animation）和属性动画(Property Animation)，视图动画分为补间动画（Tween Animation）和逐帧动画（Frame Animation）。本次主要讲解Android 视图动画的使用。 1.视图动画 视图动画主要有5中类型： scale：动画缩放 alpha：渐变透明度 rotate：动画旋转 tra...
219-6-3Google浏览器书签备份
qq_43046057的博客
06-03 3630
WAF 创建时间 2019-03-11 12:45:27 最后修改 2019-04-03 14:02:50>> 书签名称 链接 添加时间 WEB漏洞测试（二）——HTML注入 & XSS攻击 - CSDN博客 http://www.secsky.cn/216.html 2018-05-15 10:45:24 ModSecurity介绍 - CSDN博客...
电子邮件链接mailto_“ 3个链接”电子邮件的历史记录以及曾经发送的每个链接的存档...
热门推荐
cumi7754的博客
07-17 3万+
电子邮件链接mailtoby Quincy Larson 昆西·拉尔森(Quincy Larson) “ 3个链接”电子邮件的历史记录以及曾经发送的每个链接的存档 (The history of the “3 links” email and an archive of every link ever sent) It was March 2016. The freeCodeCamp comm...
音视频算法在淘宝中的应用
LiveVideoStack
05-18 953
近年来，内容业务在行业蓬勃发展。淘宝也在积极进行内容化转型，本次LiveVideoStackCon 2021 上海站大会我们邀请到了阿里巴巴淘系技术高级算法专家——王立波（庄恕），回顾淘宝...
Android的动画Animation详解
09-27
Android的动画Animation详解 Android的动画Animation详解
Android中动画详细讲解
会飞的鱼儿的博客
11-27 1万+
一、前言 Android动画经常会在切换activity、数据加载时会用到动画效果，以前接触的比较少，用的都是封装好的动画效果，自己写的比较少，今天心血来潮想写一个自己设计的动画效果，发现学习动画代码比较简单，但是要实现某些特定的动画效果需要很多逻辑，感觉就麻烦了，正好把动画animation整理一下。 二、概述 Android动画实现一般都用animation，动画包含三大类型View A...
安卓动画详解——属性动画
l_l_b的博客
01-13 477
ValueAnimator ValueAnimator在属性动画中占有非常重要的地位，它是属性动画的核心所在，ValueAnimator本身不提供任何动画效果，它像一个数值发生器，用来产生具有一定规律的数字，从而让调用者来控制动画的实现过程，通常情况下没在ValueAnimator的AnimatorUpdateListener中监听数值的变换，从而完成动画的变换。private void setV
Android的三种动画详解（帧动画，View动画，属性动画）
最新发布
lhm1124的博客
03-15 2231
设定起始和终止位置，中间会自动补齐，有平移、缩放、旋转、透明四种选择。对应的类为TranslateAnimation、ScaleAnimation、RotateAnimation、AlphaAnimation。可以使用xml配置资源文件实现，也可以用代码实现，这里用代码实现。具体为：右键点击drawable文件夹->New→Drawable Resource File。缺点：交互性差，当动画结束后会回到初始位置，对于交互性要求较高的使用属性动画。优点：效率高，使用方便。
android之实现动画效果
qq_42757083的博客
08-26 285
一、方法 1、帧动画 2、GIF 3、draw 二、最简单Gif 1、利用Glide 实现地址 2、就增加一个按钮，需要一张静态图和一张动态图，利用Glide
android实现动画效果
crazy_yyyyy的专栏
05-04 455
animations用来实现各种动画效果。 其主要分为两大类：          1.TweenedAnimations：提供移动，旋转，伸展，淡出等效果。                    其包括四类： （1）      Alpha：渐变透明度动画 （2）      Scale： 渐变尺寸伸缩动画 （3）      Translate：画面位置移动动画 （4）      Rot
Android实现动画效果
gh6267的博客
10-14 316
利用Handler实现信息的传递 activity_main.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto
Android T 窗口动画（本地动画）显示流程
yimelancholy的博客
11-08 2749
如何创建一个窗口动画？我们通过先从APP创建一个窗口，以这个窗口的创建过程的窗口动画为例这个demo就是点击BUTTON显示窗口，点击CLOSE WINDOW关闭窗口
十分钟理解Android View事件分发机制
"Android View 事件分发机制详解" 在Android开发中，理解View的事件分发机制至关重要，因为它涉及到用户与界面的交互。事件分发主要包括三个关键方法：`dispatchTouchEvent()`, `onInterceptTouchEvent()`, 和 `...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值