Android属性动画——ObjectAnimator类及浮动菜单的实现

android:onClick=“scale”

android:text=“scale”/>

<Button

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:onClick=“rotate”

android:text=“rotate”/>

<Button

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:onClick=“alpha”

android:text=“alpha”/>

<Button

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:onClick=“translate_scale”

android:text=“translate_scale”/>

1、平移动画

为演示平移动画的按钮添加单击事件响应的方法translate代码如下：

public void translate(View v){

ObjectAnimator.ofFloat(imageView,“translationX”,0,200)

//设置动画时长

.setDuration(1000)

//开始动画

.start();

}

ofFloat方法的第二个参数传入translationX，表示沿X轴平移，0,200表示在X轴方向上从0的位置移动到200

2、旋转动画

为演示旋转动画的按钮添加单击事件响应的方法rotate代码如下：

public void rotate(View v){

//以X轴为轴旋转一圈

ObjectAnimator.ofFloat(imageView,“rotationX”,0,360).setDuration(1000).start();

//以Y轴为轴旋转一圈

ObjectAnimator.ofFloat(imageView,“rotationY”,0,360).setDuration(1000).start();

}

ofFloat方法的第二个参数传入rotationX和rotationY，表示沿X轴、Y轴旋转，0,360表示旋转一周

3、尺寸动画

为演示尺寸动画的按钮添加单击事件响应的方法scale代码如下：

public void scale(View v){

//沿X轴缩放

ObjectAnimator.ofFloat(imageView,“scaleX”,1,2.0f).setDuration(1000).start();

//沿Y轴缩放

ObjectAnimator.ofFloat(imageView,“scaleY”,1,2.0f).setDuration(1000).start();

}

ofFloat方法的第二个参数传入scaleX和scaleY，表示沿X轴、Y轴缩放，1，2.0f表示由原来大小扩大到原来的两倍

4、渐变动画

为演示渐变动画的按钮添加单击事件响应的方法alpha代码如下：

public void alpha(View v){

ObjectAnimator.ofFloat(imageView,“alpha”,1,0.5f).setDuration(1000).start();

}

ofFloat方法的第二个参数传入alpha，表示透明度，1，0.5f表示由不透明到半透明

5、同时改变两个属性动画

可以通过方法ofFloat (Object target,String xPropertyName,String yPropertyName, Path path)同时改变两个属性（注意：所支持最小的API为21）

向右平移的同时进行放大

为演示两个属性动画动画的按钮添加单击事件响应的方法translate_scale代码如下：

public void translate_scale(View v){

Path path=new Path();

path.moveTo(0,1);

path.lineTo(3,300);

ObjectAnimator.ofFloat(imageView,“translationX”,“scaleY”,path).setDuration(1000).start();

}

在平移的同时进行放大

效果图

在onCreate方法中添加图片点击监听事件，点击图片显示信息，在移动前后点击图片均会出现，说明ObjectAnimator类动画移动的是View本身

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.viewlayout);

imageView=(ImageView)findViewById(R.id.img);

imageView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(MainActivity.this,“click me”,Toast.LENGTH_LONG).show();

}

});

}

效果图

四、应用——浮动菜单的实现

---

布局文件代码如下：

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

tools:context=“.MainActivity”>

<FrameLayout

android:layout_width=“match_parent”

android:layout_height=“match_parent”>

<ImageView

android:id=“@+id/img1”

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“bottom|right”

android:layout_margin=“20dp”

android:visibility=“invisible”

android:src=“@android:drawable/ic_menu_save”/>

<ImageView

android:id=“@+id/img2”

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“bottom|right”

android:layout_margin=“20dp”

android:visibility=“invisible”

android:src=“@android:drawable/ic_menu_search”/>

<ImageView

android:id=“@+id/img3”

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“bottom|right”

android:layout_margin=“20dp”

android:visibility=“invisible”

android:src=“@android:drawable/ic_menu_revert”/>

<ImageView

android:id=“@+id/img4”

android:layout_width=“60dp”

android:layout_height=“60dp”

android:layout_gravity=“bottom|right”

android:layout_margin=“20dp”

android:src=“@android:drawable/ic_menu_add” />

</android.support.constraint.ConstraintLayout>

采用FrameLayout帧布局，这个布局最适合层叠布局，添加了四个ImageView，并设置了所有ImageView的layout_gravity=“bottom|right”（右边底部），同时也设置了相同的layout_margin值，这时所有的ImageView都会重叠在一起，只有一个ImageView是可见的，其他三个ImageView是不可见的。

MainActivity.java代码如下：

package com.example.fjnu.fdd.floatingmenu;

import android.animation.ObjectAnimator;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.view.animation.BounceInterpolator;

import android.widget.ImageView;

import android.widget.Toast;

import java.util.ArrayList;

import java.util.List;

import android.graphics.Path;

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

private ImageView imageView1,imageView2,imageView3,imageViewMore;

文末

好了，今天的分享就到这里，如果你对在面试中遇到的问题，或者刚毕业及工作几年迷茫不知道该如何准备面试并突破现状提升自己，对于自己的未来还不够了解不知道给如何规划，可以来看看同行们都是如何突破现状，怎么学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

学习的，来吸收他们的面试以及工作经验完善自己的之后的面试计划及职业规划。

这里放上一部分我工作以来以及参与过的大大小小的面试收集总结出来的一套进阶学习的视频及面试专题资料包，主要还是希望大家在如今大环境不好的情况下面试能够顺利一点，希望可以帮助到大家

[外链图片转存中…(img-QeYi6u8C-1714403615935)]

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！