Android-Animation动画（变换动画，帧动画，布局动画）

于 2015-09-12 01:02:59 发布 2560 收藏
文章标签： 变换动画 帧动画 布局动画 Scale Translate
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LABLENET/article/details/48385275
版权

1.回顾

   上篇学习了 封装 一般常用的Adpater 为jar ，方便使用；

2. 重点
   （1）变换动画（TweenAnimation）
   （2）帧动画   （FrameAnimation）
   （3）布局动画 （LayoutAnimation）

3.变换动画
   3.1 四个基本的变换
         Alpha ：渐变;   Scale : 渐变尺寸;   Translate :位置移动动画;  Rotate:旋转动画;

   3.2 常用属性：
     （1）  Duration :动画时间；
     （2）fillAfter :为true 动画转换为 动画结束后应用；
     （3）fillBefore :true 动画转换 直接被 应用；
     （4）interpolator :动画插入器（加速，减速插入器）；
     （5）repeatCount  : 动画重复次数；
     （6）repateMode   :顺序重复 、倒叙重复；
     （7）startOffset  : 动画之间的时间间隔；

   3.3 实现方式：
     配置文件：alpha , scale ,translate ,rotate ;
     代码实现：AlphaAnimation ,ScaleAnimation ,TranslateAnimation,RotateAnimation;

   3.4 Alpha 实现
     （1）代码实现 
			Animation animation = new AlphaAnimation(0.1f, 1.0f);
			animation.setDuration(5000);
			imageview1.startAnimation(animation);

    （2）布局实现 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
   <alpha 
       android:duration="1000"
       android:fromAlpha="0.1"
       android:toAlpha="1.0"
       />
</set>

          加载： 
Animation animation2 = AnimationUtils.loadAnimation(
					MainActivity.this, R.anim.alpha);
			imageview1.startAnimation(animation2);

   3.5 Scale 缩放
     （1）代码实现 
		/**
			 * 参数：
			 * 0.0~1.0
			 * float fromX ：x开始比例
			 * float toX   ：x结束比例
			 * float fromY ：y开始比例
			 * float toY,  ：y结束比例
			 * int pivotXType    ：Animation.RELATIVE_TO_SELF 相对与自己缩放
			 * float pivotXValue ：x缩放的位置 0.0~1.0 ；0.5为 中心
			 * int pivotYType    ：Animation.RELATIVE_TO_SELF 相对与自己缩放
			 * float pivotYValue ：y缩放的位置 0.0~1.0 ；0.5为 中心
			 * 
			 */
			Animation animation = new ScaleAnimation(1.0f, 0.3f, 1.0f, 0.3f,
					Animation.RELATIVE_TO_SELF, 0.5f,
					Animation.RELATIVE_TO_SELF, 0.5f);
			animation.setDuration(1000);
			//缩放结束后，保持为改比例
			animation.setFillAfter(true);
			imageview1.startAnimation(animation);

   （2）布局实现 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <!--
     **duration 时间
     **fillAfter 结束后是否保持状态
     **fromXScale x缩放初始值
     **fromYScale y缩放初始值
     **interpolator 插入器
     **pivotx x缩放位置
     **pivotY y缩放位置
     **toXScale x缩放最终值
     **toYScale y缩放最终值
    
    -->
    
    <scale
        android:duration="2000"
        android:fillAfter="false"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

</set>

   调用： 
	Animation anim= AnimationUtils.loadAnimation(this, R.anim.scale);
			image.startAnimation(anim);

   3.6 Translate 移动
     （1）代码实现 
	/**
			 * 参数：
			 * int fromXType ，x初始相对位置
			 * float fromXValue, x 初始位置
			 * int toXType,  x 目标相对位置
			 * float toXValue,  x目标位置
			 * int fromYType, y 初始相对位置
			 * float fromYValue, y 初始位置
			 * int toYType,   y目标相对位置
			 * float toYValue y目标位置
			 * 
			 * 下面实现 平移效果
			 * 
			 */

			Animation animation = new TranslateAnimation(Animation.RELATIVE_TO_SELF,
					0.0f, Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF, 0.0f,
					Animation.RELATIVE_TO_SELF, 0.0f);
			animation.setDuration(1000);
			imageview1.startAnimation(animation);

     （2）布局实现 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="1000"
        android:fromXDelta="10"
        android:fromYDelta="10"
        android:toXDelta="100"
        android:toYDelta="100" />

</set>

   3.7 Rotate 旋转效果
      （1）代码实现 
/**
			 * 参数： 
			 * float fromDegrees, 开始角度
			 * float toDegrees,  旋转的角度
			 * int pivotXType,   x相对属性 Animation.RELATIVE_TO_SELF
			 * float pivotXValue, 旋转中心 x
			 * int pivotYType,   y相对属性 Animation.RELATIVE_TO_SELF
			 * float pivotYValue  旋转中心 y
			 * 
			 * 旋转180度
			 */

			Animation animation = new RotateAnimation(0.0f, 180.0f,
					Animation.RELATIVE_TO_SELF, 0.5f,
					Animation.RELATIVE_TO_SELF, 0.5f);
			animation.setDuration(2000);
			animation.setFillAfter(true);
			imageview1.startAnimation(animation);

    （2）布局实现 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <rotate
        android:duration="1000"
        android:fromDegrees="0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toDegrees="+360" />

</set>

   调用： 
Animation anim= AnimationUtils.loadAnimation(this, R.anim.rotate);
			image.startAnimation(anim);


4.帧动画 FrameAnimation
  （1）实现布局 animation-list  
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:drawable="@drawable/one"
        android:duration="500"/>
    <item
        android:drawable="@drawable/two"
        android:duration="500"/>
    <item
        android:drawable="@drawable/three"
        android:duration="500"/>
    <item
        android:drawable="@drawable/four"
        android:duration="500"/>
    <item
        android:drawable="@drawable/five"
        android:duration="500"/>
    <item
        android:drawable="@drawable/six"
        android:duration="500"/>

</animation-list>

   （2）加载
      ImageView加载 实现动画； 
image.setImageResource(R.drawable.anim_list);


5. 布局动画
  （1） 实现LayoutAnimationController 实现加载动画； 

  LayoutAnimationController lac=new LayoutAnimationController(AnimationUtils.loadAnimation(this, R.anim.zoom_in));
	    lac.setOrder(LayoutAnimationController.ORDER_NORMAL);
	    listView.setLayoutAnimation(lac);

  （2）动画实现 渐进进入 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >
  
  <scale
        android:duration="1000"
        android:fromXScale="0.1"
        android:fromYScale="0.1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />
  <alpha
        android:duration="1000"
        android:fromAlpha="0"
        android:toAlpha="1.0" />
</set>

   （3）动画实现 渐进渐出 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:zAdjustment="top" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="0.1"
        android:toYScale="0.1" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0" />

</set>

6. Activity 切换动画
    使用 overridePendingTransition实现加载动画；
    实例： 
Intent intent=new Intent(MainActivity.this,MainActivity2.class);
			startActivity(intent);
			overridePendingTransition(R.anim.zoom_in,R.anim.zoom_out);

 7.总结
   这里仅仅是最基本的动画，更复杂的动画效果，需要组合完成；下篇学习Android的属性动画；


原小明
微信扫码订阅
UP更新不错过~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Android单帧动画Rotate旋转
08-17
Android单帧动画Rotate旋转 自定义刷新旋转圆圈 说明见 http://blog.csdn.net/fzlihui/article/details/6695788
android帧动画,移动位置,缩放,改变透明度
08-19
android帧动画,移动位置,缩放,改变透明度Demo 博客地址:http://blog.csdn.net/lowprofile_coding/article/details/47778225
android-帧动画、布局动画详细说明实例
10-21
主要说明：帧动画和布局动画。 其中布局动画又分为两部分：通过xml文件实现的布局动画和通过代码实现的布局动画。 欢迎访问我的博客： http://blog.csdn.net/u010156024/article/details/49308591
animation动画
TX98337的博客
07-19 293
在cocos creater层级管理器中创建一个空节点，添加一个label，输入飞来飞去，然后把该空节点拖到资源管理器中自己新建的一个文件夹里，会出现一个图标，然后点击该页面下方的addProperty，把刚才产生的图标拖到每一个时间帧里，，，，，基本上是这样
Qt 动画3d轮播图片切换，使用Animation动画方式
PepperEggFriedRice的博客
07-09 1346
之前看到有人用QGraphicsView实现了轮播图的效果，想着能不能简易一点用qt的动画类实现呢？ 先上效果图： 效果还行，直接上代码吧，代码如下。大家可以根据自己的需求完善一下切换的point和线性动画属性。 MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent) , ui(new Ui::MainWindow) { ui->setupUi(this); } MainWindow::~Main.
android 帧动画旋转,安卓动画实现
weixin_39622399的博客
05-26 53
在res下创建一个anim包透明、缩放、旋转、位移动画@Overridepublic void onClick(View v) {switch (v.getId()) {//透明动画case R.id.btn_alpha_animaction:Animation alpha = AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha...
Android动画（帧动画、补间动画、属性动画）讲解
程序猿追的博客
03-26 3981
** Android动画（帧动画、补间动画、属性动画）讲解 ** 首先我们来看看啥是帧动画、补间动画、属性动画。 介绍： 帧动画：是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 补间动画：指的是做FLASH动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动； 属性动画：帧动画与补间动画实现了对View进行移动、缩放、旋转和淡入淡出的效果。但对于android开发师来说是不够的，同
android旋转帧动画,Android单帧动画Rotate旋转
weixin_39532352的博客
05-25 146
项目有一个需求，有一个刷新按钮，上面放着一个常见的静止的刷新圆圈，如下图：一旦用户按了刷新按钮，需要让这个刷新圆圈转动起来，让用户感觉到程序还在运行着，而不是卡死了。有两个思路，一是将这个图按照旋转时间不同旋转成不同旋转角度的图片，就像要做一张gif图片一样，例如我要每次旋转30度，就需要360\30=12张图片，然后再anim文件夹下新建xml文件，内容如下：Xml代码 android:one...
Android小课程9——逐帧动画，视图动画（渐变，缩放，位移，旋转），揭露动画，activity转场动画
最新发布
m0_56294528的博客
04-26 401
逐帧动画，视图动画（渐变，缩放，位移，旋转），揭露动画，activity转场动画
[jQuery][插件][tgAnimationLabel]数字滚动
我是涛锅
05-25 876
效果图 这个插件完全没有样式！ 接下来讲怎么调用HTML<!DOCTYPE html> <html lang="zh-cn"> <head> <title>tgAnimationLabel</title> </head> <body> <button>Play</button> <p> <span data-tg-num="1890">0</span>
Android开发总结之动画(帧动画+补间动画)
tangxuesong的博客
01-18 4441
一、概述 动画的概念   动画的概念不同于一般意义上的动画片，动画是一种综合艺术，它是集合了绘画、漫画、电影、数字媒体、摄影、音乐、文学等众多艺术门类于一身的艺术表现形式。   动画的英文有很多表述，如animation、cartoon、animated cartoon、cameracature。其中较正式的 “Animation” 一词源自于拉丁文字根anima，意思为“灵魂”，动词an
Android 属性动画来实现帧动画的炫酷效果
feng8888bbb的博客
04-13 2440
最近公司让实现一个很炫的动画，最先想到的是使用帧动画，后来想到图片太多，使用帧动画太耗性能，由于图片多还很可能出现oom,所以决定使用属性动画来实现，下面是动画的效果图         ：        下面来说一下思路：        首先根据动画的效果来写一下布局文件： <FrameLayout xmlns:android="http://schemas.android.com/ap
Android加载动画 旋转动画 、帧动画
rosener的博客
10-16 1823
android中的加载动画   上代码： 这是使用方式： public class LoadingActivity extends AppCompatActivity { //加载动画activity private Dialog loading; @Override protected void onCreate(Bundle savedInstanc
安卓动画（旋转，平移，透明，缩放，帧动画）
wangkun164719的博客
08-08 336
public class MainActivity extends AppCompatActivity { private ListView listView; private ImageView img_main; private String[] arr = { "完成帧动画", "平移", "渐变", "放大", "旋转并平移" };
android帧动画太多太卡（OOM）解决方案
qq_28844947的博客
05-05 2291
IO工具类下载 - 使用方法 private void initGif() { ivShowGif = (ImageView) view.findViewById(R.id.ivShowGif); /** * 弃用系统自带帧动画导致的性能占用。改用handler */ MyAnimationDrawabl
animation跑马灯动画实现两种方法
MinggeQingchun的博客
06-19 2657
@interface ViewController () @end @implementation ViewController { UILabel * _label ; } - (void)viewDidLoad { [super viewDidLoad]; _label = [[UILabel alloc]initWithFrame:CGRectMake
android帧切换播放动画
weixin_33739627的博客
01-10 109
android动画的简单使用这里通过不断切换图片，达成动画效果。在布局中，定义一个ImageButton控件并设置好其位置。//布局文件//很简单，就一个控件<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas....
使用animation翻页动画效果
03-11
使用animation类动画效果构建手机页面的翻页效果！
Android里的动画（补间动画，帧动画，属性动画）
Stay hungry, stay foolish!!
04-22 1295
Android动画的学习 常见的动画分为： -补间动画 -帧动画 - 属性动画 学完这个分享自己项目一个简单的动画： 转场动画：这个是谷歌提供的样式！下面自己模仿了一下。 模仿谷歌设计来自己做了一个。 一补间动画: 对于学过flash动画的人来说补间动画很好理解的，因为动画开始和结尾的中间过程都是假象，是渲染出来的表象，只是显示的位置变动，View的实际位置...
android动画封装,Android属性动画封装，快速构建动画
weixin_33789376的博客
05-25 114
Android实现动画效果的方式主要有帧动画、补间动画、属性动画。关于安桌动画的基础知识可以查看这篇文章Android属性动画完全解析这里我要讲的是如何快速构建出一个动画效果，如下图： 如果我们用属性动画实现，其中点击男性头像后的动画效果的代码如下：// 男生头像移到上面，水平居中float centerX = -mPortraitMale.getX()+ (Util.getScreenWidth...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

原小明

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值