【移动开发】Android Animation 动画效果总结

简介:

1.Android的animation由四种类型组成:



XML中


alpha 渐变透明度动画效果
scale 渐变尺寸伸缩动画效果
translate 画面转换位置移动画效果

rotate

画面转移旋动画效果

JavaCode中

AlphaAnimation

渐变透明度动画效果
ScaleAnimation 渐变尺寸伸缩动画效果
TranslateAnimation 画面转换位置移动动画效果

RotateAnimation

画面转移旋转动画效果


2.Animation主要有两种动画模式:


   一种是tweened animation(渐变动画)


XML中

JavaCode
alpha AlphaAnimation
scale ScaleAnimation

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


XML中

JavaCode
translate TranslateAnimation
rotate RotateAnimation



3.如何在XML文件中定义动画


① 打开Eclipse,新建Android工程

② 在res目录中新建anim文件夹

③ 在anim目录中新建一个myanim.xml(注意文件名小写)

④ 加入XML的动画代码



1
2
3
4
5
6
7
<?xml version= "1.0"  encoding= "utf-8" ?>
< set  xmlns:android= "http://schemas.android.com/apk/res/android" >
     <alpha/>
     <scale/>
     <translate/>
     <rotate/>
</ set >


4.Android动画解析--XML


<alpha> 透明度


1
2
3
4
5
6
7
8
<?xml version= "1.0"  encoding= "utf-8" ?>
< set  xmlns:android= "http://schemas.android.com/apk/res/android"  >
     <alpha
         android:fromAlpha= "0.1"
         android:toAlpha= "1.0"
         android:duration= "3000"
     />
</ set >

注释:

fromAlpha(浮点型值) 属性为动画起始时透明度, 0.0表示完全透明

    toAlpha(浮点型值) 属性为动画结束时透明度, 1.0表示完全不透明.

    fromAlpha 和 toAlpha 的取值在0.0-1.0之间的float数据类型的数字

    duration(长整型值) 属性为动画持续时间,时间以毫秒为单位


<scale> 缩放


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?xml version= "1.0"  encoding= "utf-8" ?>
< set  xmlns:android= "http://schemas.android.com/apk/res/android" >
   <scale
     android:interpolator=  "@android:anim/accelerate_decelerate_interpolator"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   
     android:fromXScale= "0.0"
     android:toXScale= "1.4"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
     android:fromYScale= "0.0"
     android:toYScale= "1.4"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
     android:pivotX= "50%"
     android:pivotY= "50%"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
      android:fillAfter= "false"
     android:duration= "700"  />
</ set >

注释:

interpolator 指定一个动画的插入器在我试验过程中,使用android.res.anim中的资源时候发现有三种动画插入器:

       accelerate_decelerate_interpolator  加速-减速 动画插入器

       accelerate_interpolator             加速-动画插入器

       decelerate_interpolator             减速- 动画插入器


其他的属于特定的动画效果

   A.浮点型值:

       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方向坐标上的中点位置

   B.长整型值:

       duration 属性为动画持续时间

       说明: 时间以毫秒为单位

   C.布尔型值:

       fillAfter 属性 当设置为true ,该动画转化在动画结束后被应用


<translate>  移动


1
2
3
4
5
6
7
8
9
10
<?xml version= "1.0"  encoding= "utf-8" ?>
< set  xmlns:android= "http://schemas.android.com/apk/res/android" >
     <translate
         android:fromXDelta= "30"
         android:toXDelta= "-80"
         android:fromYDelta= "30"
         android:toYDelta= "300"
         android:duration= "2000"
         />
</ set >

注释:

   整型值:

       fromXDelta 属性为动画起始时 X坐标上的位置

       toXDelta 属性为动画结束时 X坐标上的位置

       fromYDelta 属性为动画起始时 Y坐标上的位置

       toYDelta 属性为动画结束时 Y坐标上的位置

注意:

      没有指定fromXType toXType fromYType toYType 时候,默认是以自己为相对参照物

   长整型值:

       duration 属性为动画持续时间,时间以毫秒为单位


<rotate>  旋转

1
2
3
4
5
6
7
8
9
10
<?xml version= "1.0"  encoding= "utf-8" ?>
< set  xmlns:android= "http://schemas.android.com/apk/res/android" >
     <rotate
  android:interpolator= "@android:anim/accelerate_decelerate_interpolator"
         android:fromDegrees= "0"
         android:toDegrees= "+350"
         android:pivotX= "50%"
         android:pivotY= "50%"
         android:duration= "3000"  />
</ set >

注释:

   属性:interpolator 指定一个动画的插入器有三种动画插入器:

               accelerate_decelerate_interpolator 加速-减速 动画插入器

               accelerate_interpolator 加速-动画插入器

               decelerate_interpolator 减速- 动画插入器

   其他的属于特定的动画效果

       A.浮点数型值:

           fromDegrees 属性为动画起始时物件的角度

           toDegrees 属性为动画结束时物件旋转的角度 可以大于360度


   说明:

       当角度为负数——表示逆时针旋转

       当角度为正数——表示顺时针旋转

       (负数from——to正数:顺时针旋转)

       (负数from——to负数:逆时针旋转)

       (正数from——to正数:顺时针旋转)

       (正数from——to负数:逆时针旋转)


   pivotX 属性为动画相对于物件的X坐标的开始位置

   pivotY 属性为动画相对于物件的Y坐标的开始位置

   说明: 以上两个属性值 从0%-100%中取值,50%为物件的X或Y方向坐标上的中点位置

       B.长整型值:

               duration 属性为动画持续时间,时间以毫秒为单位


如何使用XML中的动画效果

1
2
3
4
5
6
7
8
/**
*Context  为程序的上下文
*id  为动画XML文件的引用
**/
public  static  Animation loadAnimation (Context context,  int  id)
//例子:
myAnimation= AnimationUtils.loadAnimation( this ,R.anim.my_action);
//使用AnimationUtils类的静态方法loadAnimation()来加载XML中的动画XML文件


5.Android动画解析--JavaCode


 A.AlphaAnimation

       ① AlphaAnimation类对象定义

1
private  AlphaAnimation myAnimation_Alpha;

② AlphaAnimation类对象构造    

1
2
3
4
5
6
7
AlphaAnimation(float fromAlpha, float toAlpha)
//第一个参数fromAlpha为 动画开始时候透明度
//第二个参数toAlpha为 动画结束时候透明度
myAnimation_Alpha= new  AlphaAnimation( 0 .1f,  1 .0f);
//说明:
// 0.0表示完全透明
// 1.0表示完全不透明
1
2
myAnimation_Alpha.setDuration( 5000 );
//设置时间持续时间为 5000毫秒

③ 设置动画持续时间


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


 B.ScaleAnimation

  ① ScaleAnimation类对象定义

1
private  AlphaAnimation myAnimation_Alpha;

       ② ScaleAnimation类对象构造

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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);

③ 设置动画持续时间

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


C.TranslateAnimation

① TranslateAnimation类对象定义

1
private  AlphaAnimation myAnimation_Alpha;

       ② TranslateAnimation类对象构造

1
2
3
4
5
6
TranslateAnimation(float fromXDelta, float toXDelta,
float fromYDelta, float toYDelta)
//第一个参数fromXDelta为动画起始时 X坐标上的移动位置
//第二个参数toXDelta为动画结束时 X坐标上的移动位置
//第三个参数fromYDelta为动画起始时Y坐标上的移动位置
//第四个参数toYDelta为动画结束时Y坐标上的移动位置

       ③ 设置动画持续时间

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


   D.RotateAnimation

     ① RotateAnimation类对象定义

1
private  AlphaAnimation myAnimation_Alpha;

       ② RotateAnimation类对象构造

1
2
3
4
5
6
7
8
9
10
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);

       ③ 设置动画持续时间

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


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

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

1
public  void  startAnimation (Animation animation)


   恩恩!差不多完了,这样看着爽多了哈~


     本文转自zhf651555765 51CTO博客,原文链接:http://blog.51cto.com/smallwoniu/1249022,如需转载请自行联系原作者





相关文章
|
5月前
|
Java Linux Android开发
移动应用开发与操作系统的交互:深入理解Android和iOS
在数字时代,移动应用成为我们日常生活的一部分。本文将深入探讨移动应用开发的核心概念、移动操作系统的工作原理以及它们如何相互作用。我们将通过实际代码示例,展示如何在Android和iOS平台上创建一个简单的“Hello World”应用,并解释其背后的技术原理。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和知识。
|
7月前
|
存储 Shell Android开发
基于Android P,自定义Android开机动画的方法
本文详细介绍了基于Android P系统自定义开机动画的步骤,包括动画文件结构、脚本编写、ZIP打包方法以及如何将自定义动画集成到AOSP源码中。
153 2
基于Android P,自定义Android开机动画的方法
|
3月前
|
IDE 开发工具 Android开发
移动应用开发之旅:探索Android和iOS平台
在这篇文章中,我们将深入探讨移动应用开发的两个主要平台——Android和iOS。我们将了解它们的操作系统、开发环境和工具,并通过代码示例展示如何在这两个平台上创建一个简单的“Hello World”应用。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和技巧,帮助你更好地理解和掌握移动应用开发。
107 17
|
5月前
|
Android开发 UED
Android 中加载 Gif 动画
【10月更文挑战第20天】加载 Gif 动画是 Android 开发中的一项重要技能。通过使用第三方库或自定义实现,可以方便地在应用中展示生动的 Gif 动画。在实际应用中,需要根据具体情况进行合理选择和优化,以确保用户体验和性能的平衡。可以通过不断的实践和探索,进一步掌握在 Android 中加载 Gif 动画的技巧和方法,为开发高质量的 Android 应用提供支持。
|
10月前
|
缓存 算法 网络协议
Android面试回忆录移动应用开发专业核心课程
Android面试回忆录移动应用开发专业核心课程
|
10月前
|
Java Android开发 开发者
Android10 修改开发者选项中动画缩放默认值
Android10 修改开发者选项中动画缩放默认值
269 0
|
10月前
|
XML Java Android开发
android的三种动画
android的三种动画
68 0
|
6月前
|
存储 Java 开发工具
移动应用开发之旅:探索Android操作系统的无限可能
【8月更文挑战第56天】随着智能手机的普及,移动应用已成为我们日常生活中不可或缺的一部分。本文将引导读者了解移动应用开发的基本概念,重点探讨Android操作系统的开发环境搭建、界面设计、功能实现以及与后端服务的交互。通过简单的代码示例和清晰的步骤说明,即便是初学者也能快速入门,开启自己的移动应用开发之旅。
|
6月前
|
设计模式 前端开发 JavaScript
探索移动应用开发:从Android到iOS的跨平台之旅
【9月更文挑战第21天】在这篇文章中,我们将一同揭开移动应用开发的神秘面纱,从Android和iOS这两个主流平台出发,探讨如何利用现代技术栈实现跨平台开发。文章将通过具体的代码示例,带领读者理解不同平台间的差异与联系,以及如何运用React Native框架简化开发流程,实现一次编写,多平台运行的目标。无论你是刚入门的新手还是希望拓展技能的老手,这篇文章都将为你提供宝贵的知识和启示。
102 3

热门文章

最新文章

  • 1
    Android历史版本与APK文件结构
  • 2
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
  • 3
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 4
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 5
    【03】微信支付商户申请下户到配置完整流程-微信开放平台创建APP应用-填写上传基础资料-生成安卓证书-获取Apk签名-申请+配置完整流程-优雅草卓伊凡
  • 6
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 7
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
  • 8
    escrcpy:【技术党必看】Android开发,Escrcpy 让你无线投屏新体验!图形界面掌控 Android,30-120fps 超流畅!🔥
  • 9
    即时通讯安全篇(一):正确地理解和使用Android端加密算法
  • 10
    Android实战经验之Kotlin中快速实现MVI架构