android属性动画效果的实现之ObjectAnimator

最新推荐文章于 2024-05-12 05:15:19 发布
最新推荐文章于 2024-05-12 05:15:19 发布
阅读量528 收藏
点赞数 2
分类专栏： Android 文章标签： android 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30496695/article/details/61213397
版权

android属性动画效果的实现之ObjectAnimator

1.引入

首先我们先看一段代码

ObjectAnimator animator = bjectAnimator.ofFloat(tv,"alpha",1,0,1);  
animator.setDuration(2000);  
animator.start();

这段代码实现透明度的改变，其中tvs是TextView对象，1-0-1表示从透明度的变化，用时2000ms。

2.基础知识

ObjectAnimator 的方法非常简单：

public static ObjectAnimator ofFloat(Object target, String propertyName, float... values)

这是使用的基本格式

  • 第一个参数用于指定这个动画要操作的是哪个控件
  • 第二个参数用于指定这个动画要操作这个控件的哪个属性
  • 第三个参数是可变长参数，就是指这个属性值是从哪变到哪

那么可能有人会问，第二个参数都有什么呢？

正如上面代码写的alpha，是控制透明度的，我们知道TextView是有setAlpha(）方法的，对的，你猜对， 这个参数正是跟Setter函数相关的。
在 View 中有关动画，总共有下面几组 set 方法：

//1、透明度：alpha  
public void setAlpha(float alpha)  

//2、旋转度数：rotation、rotationX、rotationY  
public void setRotation(float rotation)     //绕Z轴  
public void setRotationX(float rotationX)   //绕X轴
public void setRotationY(float rotationY)   //绕Y轴

//3、平移：translationX、translationY  
public void setTranslationX(float translationX)  //沿X轴
public void setTranslationY(float translationY)  //沿Y轴

//缩放：scaleX、scaleY  
public void setScaleX(float scaleX)  
public void setScaleY(float scaleY)

也就是说第二个参数可以有以下几种：

alpha、rotation、rotationX、rotationY 、translationX、translationY、scaleX、scaleY

3.使用方法

（1）透明度

 ObjectAnimator animator1 = ObjectAnimator.ofFloat(tv, "alpha", 1, 0, 1);
                animator1.setDuration(2000);
                animator1.start();

效果
这里写图片描述

（2）平移
沿x轴平移

ObjectAnimator animator2 = ObjectAnimator.ofFloat(tv, "translationX", 0, 360);
                animator2.setDuration(1000);
                animator2.start();

效果
这里写图片描述

沿y轴平移

ObjectAnimator animator3 = ObjectAnimator.ofFloat(tv, "translationY", 0, 360);
                animator3.setDuration(1000);
                animator3.start();

效果
这里写图片描述

（3）旋转
绕z轴旋转

ObjectAnimator animator4 = ObjectAnimator.ofFloat(tv, "rotation", 0, 360);
                animator4.setDuration(1000);
                animator4.start();

效果
这里写图片描述

绕x轴旋转

ObjectAnimator animator5 = ObjectAnimator.ofFloat(tv, "rotationX", 0, 360);
                animator5.setDuration(1000);
                animator5.start();

这里写图片描述

绕y轴旋转

ObjectAnimator animator6 = ObjectAnimator.ofFloat(tv, "rotationY", 0, 360);
                animator6.setDuration(1000);
                animator6.start();

这里写图片描述

（4）拉伸
沿x轴拉伸

ObjectAnimator animator7 = ObjectAnimator.ofFloat(tv, "scaleX", 0, 3, 1);
                animator7.setDuration(1000);
                animator7.start();

这里写图片描述

沿y轴拉伸

ObjectAnimator animator8 = ObjectAnimator.ofFloat(tv, "scaleY", 0, 3, 1);
                animator8.setDuration(1000);
                animator8.start();

这里写图片描述

4.Demo

为了更好的理解下面写两个小例子

（1）下拉动画实现

布局文件代码

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="com.ax.animation.animation1">

    <ImageView
        android:id="@+id/iv_b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/b"/>
    <ImageView
        android:id="@+id/iv_c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/c"/>
    <ImageView
        android:id="@+id/iv_d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/d"/>
    <ImageView
        android:id="@+id/iv_e"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/e"/>
    <ImageView
        android:id="@+id/iv_f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/f"/>
    <ImageView
        android:id="@+id/iv_g"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/g"/>
    <ImageView
        android:id="@+id/iv_h"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/h"/>
    <ImageView
        android:id="@+id/iv_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/a"/>
</FrameLayout>

activity代码

public class animation1 extends AppCompatActivity implements View.OnClickListener{
    private int []res = {R.id.iv_a, R.id.iv_b, R.id.iv_c, R.id.iv_d,
            R.id.iv_e, R.id.iv_f, R.id.iv_g, R.id.iv_h};
    private List<ImageView> imageViewList = new ArrayList<ImageView>();
    private boolean isFold = true;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animation1);
        for (int i=0; i<res.length; i++){
            ImageView iv = (ImageView) findViewById(res[i]);
            iv.setOnClickListener(this);
            imageViewList.add(iv);
        }
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.iv_a:
                if (isFold){
                    unfold();
                }else {
                    fold();
                }
                isFold = !isFold;
                break;
        }
    }

    /**
     * 展开
     */
    private void unfold(){
        for(int i=1; i<res.length; i++){
            ObjectAnimator animator = ObjectAnimator.ofFloat(imageViewList.get(i),
                    "translationY", 0f, i*100);
            animator.setDuration(300);      //设置持续时间
            animator.setStartDelay(700-i*100);  //设置延迟时间
            animator.start();
        }
    }

    /**
     * 折叠
     */
    private void fold(){
        for(int i=1; i<res.length; i++){
            ObjectAnimator animator = ObjectAnimator.ofFloat(imageViewList.get(i),
                    "translationY", i*100, 0f);
            animator.setDuration(300);
            animator.setStartDelay(i*100);
            animator.start();
        }
    }
}

实现效果
这里写图片描述

（2）圆形展开

布局文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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"
    android:gravity="center"
    tools:context="com.ax.animation.animation2">
    <ImageView
        android:id="@+id/iv_b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/b"/>
    <ImageView
        android:id="@+id/iv_c"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/c"/>
    <ImageView
        android:id="@+id/iv_d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/d"/>
    <ImageView
        android:id="@+id/iv_e"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/e"/>
    <ImageView
        android:id="@+id/iv_f"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/f"/>
    <ImageView
        android:id="@+id/iv_g"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/g"/>
    <ImageView
        android:id="@+id/iv_h"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingLeft="5dp"
        android:paddingTop="5dp"
        android:src="@drawable/h"/>
    <ImageView
        android:id="@+id/iv_a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/a"/>
</FrameLayout>

activity文件

public class animation2 extends AppCompatActivity implements View.OnClickListener{

    private int []res = {R.id.iv_a, R.id.iv_b, R.id.iv_c, R.id.iv_d,
            R.id.iv_e, R.id.iv_f, R.id.iv_g, R.id.iv_h};
    private List<ImageView> imageViewList = new ArrayList<ImageView>();
    private boolean isFold = true;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animation2);
        for (int i=0; i<res.length; i++){
            ImageView iv = (ImageView) findViewById(res[i]);
            iv.setOnClickListener(this);
            imageViewList.add(iv);
        }
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.iv_a:
                if (isFold){
                    unfold();
                }else {
                    fold();
                }
                isFold = !isFold;
                break;
        }
    }

    /**
     * 展开
     */
    private void unfold(){
        for(int i=1; i<res.length; i++){
            PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("translationX", 0f, (float)(150*Math.cos(2*(i-1)*Math.PI/(res.length-1))));
            PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationY", 0f, (float)(150*Math.sin(2*(i-1)*Math.PI/(res.length-1))));
            ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(imageViewList.get(i), p1, p2);
            animator.setDuration(100);      //设置持续时间
            animator.setStartDelay(i*100);  //设置延迟时间
            animator.setInterpolator(new BounceInterpolator());//设置弹跳效果插值器
            animator.start();
        }
    }

    /**
     * 折叠
     */
    private void fold(){
        for(int i=1; i<res.length; i++){
            PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("translationX", (float)(150*Math.cos(2*(i-1)*Math.PI/(res.length-1))), 0f);
            PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationY", (float)(150*Math.sin(2*(i-1)*Math.PI/(res.length-1))), 0f);
            ObjectAnimator animator = ObjectAnimator.ofPropertyValuesHolder(imageViewList.get(i), p1, p2);
            animator.setDuration(100);
            animator.setStartDelay(i*100);  //设置延迟时间
            animator.setInterpolator(new BounceInterpolator());//设置弹跳效果插值器
            animator.start();
        }
    }

}

实现效果
这里写图片描述

附源码：http://download.csdn.net/detail/qq_30496695/9777573

从技术到艺术
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义控件三部曲之动画篇(七)——ObjectAnimator基本使用
启舰
01-28 6万+
前言： 假如生活欺骗了你， 不要悲伤，不要心急！ 忧郁的日子里须要镇静： 相信吧，快乐的日子终将会来临！ 心儿永远向往着未来； 现在却常是忧郁。 一切都是瞬息，一切都将会过去； 而那过去了的，就会成为亲切的怀恋。 —–普希金 相关文章： 《Android自定义控件三部曲文章索引》：http://blog.csdn.net/harvic880925/article/details/5...
Android属性动画——ObjectAnimator类及浮动菜单的实现
m0_67392182的博客
04-08 1085
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Android ObjectAnimator类学习指南：手把手带你学会如何自定义属性动画
androidokk的博客
08-06 607
前言 属性动画的使用 是 Android 开发中常用的知识 今天，我将讲解属性动画使用中最核心的一个方法类：ObjectAnimator，希望你们会喜欢。 目录 示意图 储备知识 阅读本文前，请先阅读文章：Android：这是一份全面 & 详细的动画入门学习指南 1. 简介 实现属性动画中的一个核心方法类 继承自ValueAnimator类，即底层的动画实现机制是...
移动开发最新浅谈Android动画之属性动画ValueAnimator和ObjectAnimator，2024年最新安卓屏幕适配面试
最新发布
2401_84544434的博客
05-12 845
对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！当你有了学习线路，学习哪些内容，也知道以后的路怎么走了，理论看多了总要实践的最后，互联网不存在所谓的寒冬，只是你没有努力罢了！网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！
ObjectAnimator.ofFloat动画
咋啥昵称都被占用了呢的博客
06-04 7266
ObjectAnimator animator = ObjectAnimator.ofFloat(tv, "translationX", 200).animator.setDuration(500).start(); float translationX :表示在 X 轴上的平移距离,以当前控件为原点，向右为正方向，参数 translationX 表示移动的距离。 float translationY :表示在 Y 轴上的平移距离，以当前控件为原点，向下为正方向，参数 translationY 表示移.
Android ObjectAnimator动画效果实现
小旭的专栏
01-05 2185
ObjectAnimator.ofFloat(imageView, "alpha", 0f, 1f).setDuration(1000).start(); 第一个括号参数：图片控件，动画效果属性，初始状态（浮点型），结束状态（浮点型）。 第二个括号属性：动画时间（毫秒）。、 动画属行： 1）translationX 和 translationY：这两个属性控制了View所处的位置，...
Android属性动画实现布局的下拉展开效果
09-02
总结来说，通过使用Android的属性动画，我们可以轻松实现布局的下拉展开效果，为用户提供更加流畅和互动的体验。无论是简单的视图变换还是复杂的动画序列，属性动画都能帮助开发者创造出各种令人印象深刻的视觉效果...
Android 动画之属性动画ObjectAnimator
11-08
介绍了ObjectAnimator的基本使用方法,感兴趣的可以去看android animation系列的文章 地址：http://blog.csdn.net/QQxiaoqiang1573/article/details/52874751
Android属性动画特点详解
01-04
本文实例为大家分享了Android属性动画使用的具体代码，供大家参考，具体内容如下 MainActivity.java /* 属性动画的特点：动画效果会改变控件的位置.且开启动画的是动画对象,而不是控件对象. 只有旋转的属性动画是...
Android属性动画——实现灵动菜单效果
07-14
总之，Android属性动画提供了丰富的可能性，让开发者能够创造出各种各样的动态效果。通过熟练掌握属性动画，我们可以设计出更具吸引力和用户体验的安卓应用，而灵动菜单只是冰山一角，更多的创新等待着我们去探索。
Android动画学习(三)之使用ValueAnimator和ObjectAnimator实现动画实例
叶功恒的博客专栏
08-08 4万+
转载请注明出处：         上一篇博文我们初步地了解了Property Animation的工作方式及流程，并通过实验加深了对对象属性计算过程的理解，同时，我在文章的最后罗列一些实现Property Animation比较重要的类、接口和方法，并做了比较详细地说明。那今天这篇文章，我将带领大家使用这些Android系统提供的API来实现一些比较炫的动画效果。 使用ValueAni
android 属性动画之 ObjectAnimator
热门推荐
废墟的树的专栏
09-13 5万+
android 实现改变背景的颜色动画
Android 属性动画
假装你是大灰狼的专栏
08-22 1564
1. 前言 属性动画就是，动画的执行类来设置动画操作的对象的属性、持续时间，开始和结束的属性值，时间差值等，然后系统会根据设置的参数动态的变化对象的属性。 2. ValueAnimator ValueAnimator主要负责值的计算和过度，以及动画的播放次数、播放模式和动画监听等。 ValueAnimator animator = ValueAnimator.ofFloat(1, 0....
Android属性动画，看完这篇够用了吧
1
07-06 1022
转载自作者新小梦 随着APP的开发周期演进，APP不再满足基础的功能保障，需要有较好视觉体验和交互操作。那么动画效果是必不可少的，动画有帧动画，补间动画，属性动画等等。 本文通过一些简单常见的动画效果，和大家重温属性动画的相关知识点。旨在通过全文，全面掌握属性动画~如果看完本文，还需要查阅其他文章，说明本文总结得还不够好，欢迎留言补充。 一、属性动画概览 顾名思义，通过控制对象的属性，来实现动画效果。官方定义：定义一个随着时间 （注：停个顿）更改任何对象属性的动画，无论其是否绘制到屏幕上。 可以控制对象什
Android动画（四）——属性动画ValueAnimator的妙用
Sean_Word的博客
12-17 507
ValueAnimator是ObjectAnimator的父类，它继承自Animator。ValueAnimaotor同样提供了ofInt、ofFloat、ofObject等静态方法，传入的参数是动画过程的开始值、中间值、结束值来构造动画对象。可以将ValueAnimator看着一个值变化器，即在给定的时间内将一个目标值从给定的开始值变化到给定的结束值。上一篇中我们提到，在使用ValueAnimator时通常需要添加一个动画更新的监听器，在监听器中能够获取到执行过程中的每一个动画值。
ObjectAnimator ofFloat
fyfcauc的专栏
12-25 1255
ObjectAnimator public static ObjectAnimator ofFloat(Object target, String propertyName, float... values) * @param values A set of values that the animation will animate between over time.
objectAnimator.addListener 自定义事件未触发
weixin_52284893的博客
08-04 243
为动画添加start监听器，但是动画首次加载未触发该事件， 答案仅供参考，只是提供一种解决问题的思路。
对属性动画ObjectAnimator.ofObject方法的学习和理解
chen_zhang_yu的博客
05-10 8172
关于对属性动画 ObjectAnimator.ofObject(view, "position", new PointEvaluator(), pStart, pEnd); 方法的学习和理解，做个总结。
android studio如何利用属性动画实现按键闪动效果
04-20
对于这个问题，我可以给您提供一些实现思路和代码示例。首先，您需要创建一个属性动画，设置动画目标为您希望闪烁的按键，例如一个 Button 控件。然后，您可以使用 ObjectAnimator 类中的 alpha() 方法，设置目标对象的 alpha 属性的值从 0 到 1 或者从 1 到 0，实现按键闪烁的效果。下面是一个示例代码： ``` // 获取需要闪烁的按钮控件 Button btn = findViewById(R.id.btn); // 创建 alpha 属性动画，设置从 1 到 0 的变化 ObjectAnimator animator = ObjectAnimator.ofFloat(btn, "alpha", 1f, 0f); animator.setDuration(500); // 设置动画时长为 0.5 秒 animator.setRepeatCount(ObjectAnimator.INFINITE); // 设置动画重复次数为无限次 animator.setRepeatMode(ObjectAnimator.REVERSE); // 设置动画反转模式为 REVERSE animator.start(); // 启动动画 ``` 这段代码将使得按钮控件闪烁的效果，每次闪烁时的时长为 0.5 秒，可以无限次循环播放。您可以根据实际需求进行调整。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值