Android仿google now效果的呼吸按钮
更新时间：2019年08月22日 11:21:59 作者：VitoZhangDeveloper
这篇文章主要为大家详细介绍了Android仿google now效果的呼吸按钮简单实现，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
呼吸按钮是我最早接触到为view添加动画效果的需求，刚刚参加安卓开发工作，要求设计一个好看的语音按钮效果，就有了这个成果，但是后来又改方案了，所以我也就没有对该按钮进行封装为一个自定义按钮，本文主要是展示一种合理组合利用animation来实现一些好看的动画效果，只是一种思路。
先上图：
实现该效果，重要的是我们要如何实现这种动态的呼吸效果，因为是一种非线性运动，直接实现起来有些麻烦，特别是对于像我刚刚入行的菜鸟来说。但是幸好，android的SDK提供了一种叫interpolator属性，通过设置该属性为accelerate_decelerate_interpolato可以实现加速效果，使动画看起来更丰满，更具活力。
首先，我们需要三个anim文件。
进入效果anim：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/decelerate_interpolator"
android:shareInterpolator="true">
<scale
android:fromXScale="0.0"
android:toXScale="0.9"
android:fromYScale="0.0"
android:toYScale="0.9"
android:pivotX="50%"
android:pivotY="50%"
android:duration="1000"/>
</set>
呼吸效果anim：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:shareInterpolator="true">
<scale
android:fromXScale="0.9"
android:toXScale="1.0"
android:fromYScale="0.9"
android:toYScale="1.0"
android:duration="1500"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="infinite"
android:repeatMode="reverse"/>
</set>
退出效果anim：
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator"
android:shareInterpolator="true">
<scale
android:fromXScale="0.95"
android:toXScale="0.0"
android:fromYScale="0.95"
android:toYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:duration="1000"/>
</set>
然后是Java代码，代码很简单，在MainActivity中，对按钮设置点击事件，唤起开始动画->执行呼吸动画->唤起结束对话。同时对开始和接收的动画进行监听，执行完毕后完成显示和隐藏背景的设置。部分代码：
private void initView() {
voice.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (!isVisible) {
back.startAnimation(animationIn);
isVisible = true;
} else {
back.startAnimation(animationExit);
isVisible = false;
}
}
});
}
Animtion动画相关部分代码
//动画监听
animationIn.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
back.startAnimation(animationVoice); //开始呼吸动画
back.setVisibility(View.VISIBLE);
}
});
animationExit.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
back.clearAnimation(); //清除动画
back.setVisibility(View.INVISIBLE);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
好了，一个呼吸按钮就成了，有兴趣的可以把呼吸按钮封装一下，做成一个自定义按钮来使用。最后附上github链接：BreathButton
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Android实现上传头像，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
通常地 fragment做为宿主activity UI的一部分, 被作为activity整个view hierarchy的一部分被嵌入。本篇文章给大家介绍android fragment使用，需要的朋友一起看看吧2015-10-10
这篇文章主要为大家详细介绍了两种Android打电话实现方法，具有一定的实用性，感兴趣的小伙伴们可以参考一下2016-08-08
Rxjava+Retrofit+Okhttp进行网络访问及数据解析
这篇文章主要介绍了Rxjava+Retrofit+Okhttp进行网络访问及数据解析，文章围绕主题展开详细的内容介绍，具有一定的参考价值，感兴趣的小伙伴可以参考一下2022-08-08
Android编程基于自定义View实现绚丽的圆形进度条功能示例
这篇文章主要介绍了Android编程基于自定义View实现绚丽的圆形进度条功能,结合实例形式详细分析了Android自定义view实现圆形进度条的具体步骤与相关操作技巧,需要的朋友可以参考下2017-01-01
Android开发重写Animation实现下拉图片后弹射回去效果示例
这篇文章主要介绍了Android开发重写Animation实现下拉图片后弹射回去效果,结合实例形式分析了Android自定义类继承Animation实现图片弹射效果的相关操作技巧,需要的朋友可以参考下2017-10-10
本文会先介绍Picasso的基本使用方法，让您快速上手Picasso。后面我们分享实现ListView显示网络图片的实例，从源码角度详细分析它的实现，有需要的可以参考借鉴。2016-08-08
本文重点给大家介绍android中asset和raw的区别，以及在使用过程中需要注意点，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-07-07
Android编程实现基于局域网udp广播自动建立socket连接的方法
这篇文章主要介绍了Android编程实现基于局域网udp广播自动建立socket连接的方法,涉及Android使用udp广播实现socket通讯的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
本篇文章主要介绍了Android中TabLayout添加小红点的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-12-12
最新评论