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

三、常用动画


设置布局文件activity_main.xml来演示动画:

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

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:orientation=“vertical”>

<ImageView

android:id=“@+id/img”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

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

<Button

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

android:onClick=“translate”

android:text=“translate”/>

<Button

android:layout_width=“match_parent”

android:layout_height=“wrap_content”

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;

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后说一下我的学习路线

其实很简单就下面这张图,含概了Android所有需要学的知识点,一共8大板块:

  1. 架构师筑基必备技能
  2. Android框架体系架构(高级UI+FrameWork源码)
  3. 360°Androidapp全方位性能调优
  4. 设计思想解读开源框架
  5. NDK模块开发
  6. 移动架构师专题项目实战环节
  7. 移动架构师不可不学习微信小程序
  8. 混合开发的flutter

Android学习的资料

我呢,把上面八大板块的分支都系统的做了一份学习系统的资料和视频,大概就下面这些,我就不全部写出来了,不然太长了影响大家的阅读。

330页PDF Android学习核心笔记(内含上面8大板块)

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术:

  • 1、多看书、看源码和做项目,平时多种总结

  • 2、不能停留在一些基本api的使用上,应该往更深层次的方向去研究,比如activity、view的内部运行机制,比如Android内存优化,比如aidl,比如JNI等,并不仅仅停留在会用,而要通过阅读源码,理解其实现原理

  • 3、同时对架构是有一定要求的,架构是抽象的,但是设计模式是具体的,所以一定要加强下设计模式的学习

  • 4、android的方向也很多,高级UI,移动架构师,数据结构与算法和音视频FFMpeg解码,如果你对其中一项比较感兴趣,就大胆的进阶吧!

希望大家多多点赞,转发,评论加关注,你们的支持就是我继续下去的动力!加油!

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!

.(img-Khj4VLro-1712219512363)]

Android学习的系统对应视频

总结

我希望通过我自己的学习方法来帮助大家去提升技术:

  • 1、多看书、看源码和做项目,平时多种总结

  • 2、不能停留在一些基本api的使用上,应该往更深层次的方向去研究,比如activity、view的内部运行机制,比如Android内存优化,比如aidl,比如JNI等,并不仅仅停留在会用,而要通过阅读源码,理解其实现原理

  • 3、同时对架构是有一定要求的,架构是抽象的,但是设计模式是具体的,所以一定要加强下设计模式的学习

  • 4、android的方向也很多,高级UI,移动架构师,数据结构与算法和音视频FFMpeg解码,如果你对其中一项比较感兴趣,就大胆的进阶吧!

希望大家多多点赞,转发,评论加关注,你们的支持就是我继续下去的动力!加油!

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值