项目实战:浅谈属性动画(1)-探索新玩法

属性动画是Google在3.0之后才提出的新动画框架,相比传统动画Animation只是系统不断调用onDraw方法重绘界面以实现动画效果。属性动画顾名思义是调用get、set方法真实改变属性。
传统Animation有很大的局限性:
1.只是重绘了动画,事件响应位置却没有改变,因此它不适用于具有交互动画的效果,只能做显示效果;
2.不断调用onDraw方法重绘很浪费资源;
3.位移,缩放,旋转,位移四种动画,组合可以实现丰富效果但仍不如属性。
因此,我们有必要好好学习属性动画。
看看Google的API Demos,有许多经典实用的小例子。(Google的心血)

是时候看一波代码了:

ObjectAnimator.ofFloat(image_iv_main,"translationX",0F,200F).setDuration(1000).start();  

让对象image_iv_main在X轴从0平移到200,时间持续1000ms,go!

如果这样会发生什么?

ObjectAnimator.ofFloat(image_iv_main,"translationX",0F,200F).setDuration(1000).start();  
ObjectAnimator.ofFloat(image_iv_main,"translationY",0F,200F).setDuration(1000).start();  
ObjectAnimator.ofFloat(image_iv_main,"rotation",0F,360F).setDuration(1000).start();  

对象会同时发生3个动画,X轴从0平移到200,Y轴从0平移到200,旋转360°,哈,你猜对了吗?
类似的效果还可以通过以下代码实现,有点代码复用的感觉。复用p1,p2,p3:

PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("rotation",0F,360F);  
PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationY",0F,200F);  
PropertyValuesHolder p3 = PropertyValuesHolder.ofFloat("translationX",0F,200F);  
ObjectAnimator.ofPropertyValuesHolder(image_iv_main,p1,p2,p3).setDuration(2000).start();  

进阶玩法,玩组合:

ObjectAnimator animator1 = ObjectAnimator.ofFloat(image_iv_main,"translationX",0F,200F);  
ObjectAnimator animator2 = ObjectAnimator.ofFloat(image_iv_main,"translationY",0F,200F);  
ObjectAnimator animator3 = ObjectAnimator.ofFloat(image_iv_main,"rotation",0F,360F);  
AnimatorSet set = new AnimatorSet();  
set.playTogether(animator1,animator2,animator3);  
set.setDuration(2000);  
set.start();  

可以一起玩,还可以顺序玩:

set.playSequentially(animator1,animator2,animator3);  

还可以调顺序:

set.play(animator1).with(animator2);  
set.play(animator3).after(animator2);  

更多玩法,等我们去探索~
最后送上完整源代码,high起来:

package com.example.quan.quanstudy.objectAnimator;  
  
import android.animation.AnimatorSet;  
import android.animation.ObjectAnimator;  
import android.view.View;  
import android.widget.ImageView;  
import android.widget.Toast;  
  
import com.example.quan.quanstudy.R;  
import com.example.quan.quanstudy.base.BaseActivity;  
  
/** 
 * Created by xingquan.he on 2017/3/15. 
 * Mr.Quan 
 * 属性动画第一课 
 * 项目实战:浅谈属性动画(1)-探索新玩法 http://blog.csdn.net/hxqneuq2012/article/details/52301791 
 */  
  
public class FirstClassActivity extends BaseActivity {  
  
    private ImageView mImageAnimator;  
  
    @Override  
    public int getLayoutId() {  
        return R.layout.activity_first_animator;  
    }  
  
    @Override  
    public void initView() {  
        mImageAnimator = (ImageView) findViewById(R.id.click_iv_animator);  
    }  
  
    public void click(View view){  
        Toast.makeText(this,"Clickd.",Toast.LENGTH_SHORT).show();  
    }  
  
    public void move(View view){  
//        ObjectAnimator.ofFloat(image_iv_main,"translationX",0F,200F).setDuration(1000).start();  
//        ObjectAnimator.ofFloat(image_iv_main,"translationY",0F,200F).setDuration(1000).start();  
//        ObjectAnimator.ofFloat(image_iv_main,"rotation",0F,360F).setDuration(1000).start();  
  
//        PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("rotation",0F,360F);  
//        PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationY",0F,200F);  
//        PropertyValuesHolder p3 = PropertyValuesHolder.ofFloat("translationX",0F,200F);  
//        ObjectAnimator.ofPropertyValuesHolder(image_iv_main,p1,p2,p3).setDuration(2000).start();  
  
        ObjectAnimator animator1 = ObjectAnimator.ofFloat(mImageAnimator,"translationX",0F,200F);  
        ObjectAnimator animator2 = ObjectAnimator.ofFloat(mImageAnimator,"translationY",0F,200F);  
        ObjectAnimator animator3 = ObjectAnimator.ofFloat(mImageAnimator,"rotation",0F,360F);  
        AnimatorSet set = new AnimatorSet();  
        //set.playTogether(animator1,animator2,animator3);  
        //set.playSequentially(animator1,animator2,animator3);  
        set.play(animator1).with(animator2);  
        set.play(animator3).after(animator2);  
        set.setDuration(1000);  
        set.start();  
    }  
}  
<?xml version="1.0" encoding="utf-8"?>  
<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"  
    android:paddingBottom="@dimen/activity_vertical_margin"  
    android:paddingLeft="@dimen/activity_horizontal_margin"  
    android:paddingRight="@dimen/activity_horizontal_margin"  
    android:paddingTop="@dimen/activity_vertical_margin"  
    tools:context=".MainActivity">  
  
    <ImageView  
        android:layout_width="100dp"  
        android:layout_height="56dp"  
        android:src="@mipmap/quan_shijiazhuang"  
        android:onClick="click"  
        android:id="@+id/click_iv_animator"  
        />  
  
    <Button  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="move"  
        android:layout_alignParentBottom="true"  
        android:layout_centerHorizontal="true"  
        android:layout_marginBottom="50dp"  
        android:onClick="move"  
        android:id="@+id/move_btn_animator"  
        />  
  
</RelativeLayout>  

原创不易,转载请注明出处哈。

权兴权意
产品可以更优雅~
项目实战:浅谈属性动画(1)-探索新玩法 - hxqneuq2012的专栏 - 博客频道 - CSDN.NET http://blog.csdn.net/hxqneuq2012/article/details/62216824
项目源代码,欢迎提建议(star)。
https://github.com/HXQWill/QuanStudy/tree/master/app/src/main/java/com/example/quan/quanstudy/objectAnimator

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,790评论 25 707
  • 看了很多视频、文章,最后却通通忘记了,别人的知识依旧是别人的,自己却什么都没获得。此系列文章旨在加深自己的印象,因...
    DCbryant阅读 1,857评论 0 4
  • 这是我这个系列的目录,有兴趣的可以看下: android 动画系列 - 目录 啊,终于来到了属性动画这里了,属性动...
    前行的乌龟阅读 1,001评论 1 7
  • CYLTableViewPlaceHolder【一行代码完成“空TableView占位视图”管理】 导航 与其他框...
    iOS程序犭袁阅读 9,678评论 12 70
  • 今朝何见新人欢,他日杯盏共欢颜。京台仙舞漫楼阁,更声笑语花灯暖。人人送语声情淡,别语轻生笑意寒。亘古谁人诉情肠,哽...
    紫雨林阅读 233评论 0 1