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
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
activity类是Android 应用生命周期的重要部分。在系统中的Activity被一个Activity栈所管理。当一个新的Activity启动时，将被放置到栈顶，成为运行中的Activity，前一个Activity保留在栈中，不再放到前台，直到新的Activity退出为止。2016-05-05
这篇文章主要介绍了Android计时器Chronometer简单用法,结合实例形式分析了Android计时器Chronometer的定义、事件响应及界面布局相关操作技巧,需要的朋友可以参考下2017-08-08
mui.init()与mui.plusReady()区别和关系
给大家分享一下在使用MUI进行APP开发的时候，mui.init()与mui.plusReady()区别以及使用上不同之处。2017-11-11
Gradle是一个基于JVM的富有突破性构建工具，下面这篇文章主要给大家介绍了关于Gradle配置教程之自定义APK名称与输出路径的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。2018-03-03
这篇文章主要为大家介绍了Flutter web bridge 通信总结分析详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
Android解决getExternalStorageDirectory在29后废弃问题(推荐)
这篇文章主要介绍了Android解决getExternalStorageDirectory在29后废弃问题(推荐),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-02-02
Flutter StreamBuilder组件实现局部刷新示例讲解
日常使用最多的局部刷新为Provider状态管理 Selector，今天分享flutter框架自带的StreamBuilder组件，该组件可做到局部刷新，使用简单且轻便2022-11-11
这篇文章主要介绍了Android实现长按圆环动画View效果,本文给大家分享实现思路，通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
本篇文章主要介绍了Android解析json数据示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
Android中SharedPreference详解及简单实例
这篇文章主要介绍了 Android中SharedPreference详解及简单实例的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下2017-09-09
最新评论