Android如何使用圆形揭露动画巧妙地隐藏或显示View详解

 更新时间:2022年04月28日 15:50:30   作者:QiShare  
Android开发中会遇到不少显示和隐藏的问题,下面这篇文章主要给大家介绍了关于Android如何使用圆形揭露动画巧妙地隐藏或显示View的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

1.引言

在开发过程中,我们经常会遇到需要显示或隐藏View视图的情况,如果在隐藏或显示View的过程中加上动画,能让交互更加的友好和动感,本文将介绍如何使用圆形揭露动画巧妙地隐藏或显示View。

2.圆形揭露动画简介

圆形揭露动画是动画的一种,是由ViewAnimationUtils类提供的,调用ViewAnimationUtils.createCircularReveal()方法可以创建圆形揭露动画,使用此动画要求API级别为21及以上版本,createCircularReveal()方法的参数如下:

//view:使用圆形动画的视图
//centerX:裁剪圆形的中心的X坐标,这个中心是指相对于视图本身
//centerY:裁剪圆形的中心的Y坐标,这个中心是指相对于视图本身
//startRadius:圆形的起始半径
//endRadius:圆形的结束半径
public static Animator createCircularReveal(View view,int centerX,  int centerY, float startRadius, float endRadius)

3.使用圆形揭露动画隐藏或显示View

3.1 简易布局

简易布局如下:

<LinearLayout 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"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_hide_or_show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="隐藏或显示"
        android:textColor="@color/black"
        android:textSize="18sp" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginTop="50dp"
        android:src="@mipmap/ic_launcher"/>
</LinearLayout>

3.2 使用圆形揭露动画隐藏View

首先要计算得出View相对于自身的中心点的X坐标和Y坐标,然后调用Math.hypot()方法计算得出圆形的半径,接着调用ViewAnimationUtils.createCircularReveal(imageView, ivXCenter, ivYCenter, circleRadius, 0f)创建圆形揭露动画,增加动画执行的Listener,在动画执行结束后调用imageView.setVisibility(View.GONE),最后启动动画,示例如下:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
     int width = imageView.getWidth();
     int height = imageView.getHeight();
     int ivXCenter = width/2;
     int ivYCenter = height/2;
     float circleRadius = (float) Math.hypot(ivXCenter, ivYCenter);
     Animator circularReveal = ViewAnimationUtils.createCircularReveal(imageView, ivXCenter, ivYCenter, circleRadius, 0f);
     circularReveal.addListener(new AnimatorListenerAdapter() {
         @Override
         public void onAnimationEnd(Animator animation) {
             super.onAnimationEnd(animation);
             imageView.setVisibility(View.GONE);
             isVisible = false;
         }
     });
     circularReveal.start();
 }else {
     imageView.setVisibility(View.GONE);
     isVisible = false;
 }

3.3 使用圆形揭露动画显示View

使用圆形揭露动画显示View,先计算得出View相对于自身的中心点的X坐标和Y坐标,然后算出圆形的半径,接着创建圆形揭露动画,此时的起始半径是0f,结束半径是圆形的半径,调用imageView.setVisibility(View.VISIBLE),最后启动动画,示例如下:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    int width = imageView.getWidth();
    int height = imageView.getHeight();
    int ivXCenter = width/2;
    int ivYCenter = height/2;
    float circleRadius = (float) Math.hypot(ivXCenter, ivYCenter);
    Animator circularReveal = ViewAnimationUtils.createCircularReveal(imageView, ivXCenter, ivYCenter, 0f, circleRadius);
    imageView.setVisibility(View.VISIBLE);
    isVisible = true;
    circularReveal.start();
}else {
    imageView.setVisibility(View.VISIBLE);
    isVisible = true;
}

4.总结

使用圆形揭露动画隐藏或显示View,主要是计算出View相对于自身的中心点的X坐标和Y坐标,并计算出圆形半径,在调用ViewAnimationUtils.createCircularReveal()方法创建的时候要注意起始半径和结束半径的填写,隐藏View的时候在动画执行完毕后setVisibility()方法隐藏,显示View的时候,在动画启动前调用setVisibility()方法显示。

到此这篇关于Android如何使用圆形揭露动画巧妙地隐藏或显示View的文章就介绍到这了,更多相关Android隐藏或显示View内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android TV开发:实现3D仿Gallery效果的实例代码

    Android TV开发:实现3D仿Gallery效果的实例代码

    这篇文章主要介绍了Android TV开发:实现3D仿Gallery效果的实例代码,效果:滚动翻页+ 页面点击+页码指示器+焦点控制,主要为了移植到电视上做了按键事件和焦点控制。
    2018-05-05
  • Android Studio开发之 JNI 篇的简单示例

    Android Studio开发之 JNI 篇的简单示例

    本篇文章主要介绍了Android Studio开发之 JNI 篇的简单示例,它提供了若干的API实现了Java和其他语言的通信,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10
  • Android监听Home键和Back键的区别介绍

    Android监听Home键和Back键的区别介绍

    这篇文章主要介绍了Android监听Home键和Back键的区别介绍,本文还同时给出了Home键监听的实现代码,需要的朋友可以参考下
    2015-06-06
  • Android实现信号强度监听的方法

    Android实现信号强度监听的方法

    这篇文章主要介绍了Android实现信号强度监听的方法,是Android手机中很常见的一个实用功能,需要的朋友可以参考下
    2014-08-08
  • 基于Retrofit2+RxJava2实现Android App自动更新

    基于Retrofit2+RxJava2实现Android App自动更新

    这篇文章主要为大家详细介绍了基于Retrofit2+RxJava2实现Android App自动更新,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • Android 微信摇一摇功能实现详细介绍

    Android 微信摇一摇功能实现详细介绍

    这篇文章主要介绍了Android 微信摇一摇功能实现详细介绍的相关资料,并附实例代码及实现微信摇一摇的思路,需要的朋友可以参考下
    2016-11-11
  • Android自定义控件实现验证码倒计时

    Android自定义控件实现验证码倒计时

    这篇文章主要为大家详细介绍了Android自定义控件实现验证码倒计时的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • cocos2d-2.0-x-2.0.3 交叉编译到android报错解决

    cocos2d-2.0-x-2.0.3 交叉编译到android报错解决

    我用的是cocos2d-2.0-x-2.0.3 之前弄了一天也没成功 今天来了下载了最新的ndk8 更新了sdk 又重新是了一遍 居然成功了,不知道是工具的版本问题还是哪一步出错误了,在这里详细的整理一下,感兴趣的朋友可以了解下
    2013-01-01
  • 自定义View之kotlin绘制折线图实例教程

    自定义View之kotlin绘制折线图实例教程

    折线图是我们在开发中经常会遇到的一个需求,下面这篇文章主要给大家介绍了关于自定义View之kotlin绘制折线图的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧
    2018-09-09
  • 详解Flutter中网络框架dio的二次封装

    详解Flutter中网络框架dio的二次封装

    其实dio框架已经封装的很好了,但是在实战项目中,为了项目可以统一管理,还是需要对dio框架进行二次封装。本文将详细讲解一下dio如何二次封装,需要的可以参考一下
    2022-04-04

最新评论