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

//以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;

private boolean isSelected=false;

private List list=new ArrayList<>();

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initViews();

}

public void initViews(){

imageView1=(ImageView)findViewById(R.id.img1);

imageView2=(ImageView)findViewById(R.id.img2);

imageView3=(ImageView)findViewById(R.id.img3);

imageViewMore=(ImageView)findViewById(R.id.img4);

imageView1.setOnClickListener(this);

imageView2.setOnClickListener(this);

imageView3.setOnClickListener(this);

imageViewMore.setOnClickListener(this);

list.add(imageView1);

list.add(imageView2);

list.add(imageView3);

}

private void endAnimator(){

isSelected=false;

ObjectAnimator animator=ObjectAnimator.ofFloat(imageViewMore,“rotation”,0F,360F).setDuration(300);

//添加动画插值器

animator.setInterpolator(new BounceInterpolator());

//开始动画

animator.start();

for(int i=0;i<3;i++){

list.get(i).setVisibility(View.INVISIBLE);

ObjectAnimator.ofFloat(list.get(i),“translationY”,-200*(i+1),0F).setDuration(2000).start();

}

}

private void startAnimator(){

isSelected=true;

for(int i=0;i<3;i++){

ObjectAnimator animator=ObjectAnimator.ofFloat(list.get(i),“translationY”,0F,-200*(i+1)).setDuration(2000);

animator.setInterpolator(new BounceInterpolator());

animator.start();

}

for(int i=0;i<3;i++) {

list.get(i).setVisibility(View.VISIBLE);

}

ObjectAnimator.ofFloat(imageViewMore,“rotation”,0F,360F).setDuration(300).start();

}

@Override

public void onClick(View v){

switch(v.getId()){

case R.id.img4:

if(!isSelected){

startAnimator();

}else{

endAnimator();

}

break;

case R.id.img1:

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

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

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

img

img

img

img

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

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

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

最后

今天关于面试的分享就到这里,还是那句话,有些东西你不仅要懂,而且要能够很好地表达出来,能够让面试官认可你的理解,例如Handler机制,这个是面试必问之题。有些晦涩的点,或许它只活在面试当中,实际工作当中你压根不会用到它,但是你要知道它是什么东西。

最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题,把技术点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节,由于篇幅有限,这里以图片的形式给大家展示一部分。

还有 高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料 帮助大家学习提升进阶,也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

【Android核心高级技术PDF文档,BAT大厂面试真题解析】

【算法合集】

【延伸Android必备知识点】

【Android部分高级架构视频学习资源】

Android精讲视频领取学习后更加是如虎添翼!进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

)]

【算法合集】

[外链图片转存中…(img-n0t1RHcw-1712554554514)]

【延伸Android必备知识点】

[外链图片转存中…(img-WySuC9WC-1712554554515)]

【Android部分高级架构视频学习资源】

Android精讲视频领取学习后更加是如虎添翼!进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 8
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现 Android 浮动水滴效果可以通过以下步骤: 1. 创建一个圆形的浮动按钮,可以使用 FloatingActionButton 实现。 2. 在布局文件中,使用 CoordinatorLayout 来包含浮动按钮,并设置 app:layout_anchorGravity="bottom|end" 使其位于屏幕右下角。 3. 使用 ObjectAnimator 实现浮动动画,并将其应用到浮动按钮上。可以设置动画的 duration、repeatCount、interpolator属性来控制动画效果。 以下是示例代码: 1. 在布局文件中添加浮动按钮: ``` <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 主界面布局 --> </FrameLayout> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="16dp" android:src="@drawable/ic_add" app:layout_anchorGravity="bottom|end" /> </android.support.design.widget.CoordinatorLayout> ``` 2. 在代码中添加浮动动画: ``` FloatingActionButton fab = findViewById(R.id.fab); ObjectAnimator animator = ObjectAnimator.ofFloat(fab, "translationY", 0f, 20f, 0f); animator.setDuration(1000); animator.setRepeatCount(ValueAnimator.INFINITE); animator.setInterpolator(new AccelerateDecelerateInterpolator()); animator.start(); ``` 以上代码实现了一个简单的浮动水滴效果,你可以根据自己的需求进行更改和优化。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值