Android实现一个简单带动画的展开收起功能

 更新时间:2023年08月31日 09:50:31   作者:似曾相识2022  
今天给大家带来一个展开和收起的简单效果,如果只是代码中简单设置显示或隐藏,熟悉安卓系统的朋友都知道,那一定是闪现,所以笔者结合了动画,使得体验效果瞬间提升一个档次,感兴趣的小伙伴可以自己动手试一试

今天给大家带来一个展开和收起的简单效果。如果只是代码中简单设置显示或隐藏,熟悉安卓系统的朋友都知道,那一定是闪现。所以笔者结合了动画,使得体验效果瞬间提升一个档次。话不多说,直接上效果:

首先观察图中效果,视图有展开和折叠两种状态,右侧图标和文字会跟随这个状态改变。那么其中就有折叠的高度和展开的高度需要我们记录。折叠高度是固定的,展开高度需要动态获取。需要注意的是不能直接通过视图直接获取高度,因为视图的绘制和Activity的生命周期是不同步的,这里直接用简单的post方式获取到绘制完成的总高度。

lin?.post {
    val h = lin!!.height
    hight = if (h > 0) h else baseHight
    if (h > 0 && ivTop?.visibility == View.GONE) {
        ivTop?.visibility = View.VISIBLE
    }
}

接下来就是动画的使用和动态控制视图的高度了。这里需要用到属性动画,由于我们要控制的视图不止一个,所以还是使用ValueAnimator方便点。通过addUpdateListener添加监听后,animation.animatedValue就是我们需要的当前值。在此处不停将当前高度赋值给视图,并且图标也根据这个值进行等比例的旋转以到达到视图不停更新。

//根据展开、关闭状态传入对应高度
val animator = ValueAnimator.ofInt(
    if (isExpand) hight - baseHight else 0,
    if (isExpand) 0 else hight - baseHight
)
animator.addUpdateListener { animation ->
    val params = lin?.layoutParams
    params?.height = if ((animation.animatedValue as Int) < baseHight) baseHight else (animation.animatedValue as Int) //当高度小于基础高度时 给与基础高度
    lin?.layoutParams = params//拿到当前高度
    //图标旋转
    ivTop?.rotation = (animation.animatedValue as Int) * 180f / (hight - baseHight)
}
animator.duration = 500
animator.start()
isExpand = !isExpand
tvExpand?.text = if (isExpand) "关闭" else "展开"

好了,一个简单的展开收起功能就实现了,希望对大家有所帮助。

到此这篇关于Android实现一个简单带动画的展开收起功能的文章就介绍到这了,更多相关Android展开收起功能内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Android ViewPager实现无限循环效果

    Android ViewPager实现无限循环效果

    这篇文章主要为大家详细介绍了Android ViewPager实现无限循环效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • Android 实现局部图片滑动指引效果

    Android 实现局部图片滑动指引效果

    这篇文章主要介绍了Android 实现局部图片滑动指引效果的相关资料,需要的朋友可以参考下
    2017-01-01
  • Flutter 快速实现聊天会话列表效果示例详解

    Flutter 快速实现聊天会话列表效果示例详解

    这篇文章主要为大家介绍了Flutter 快速实现聊天会话列表效果示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Android自定义日历控件实例详解

    Android自定义日历控件实例详解

    这篇文章主要为大家详细介绍了Android自定义日历控件的实现过程,具有一定的实用性和参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • Android滑动拼图验证码控件使用方法详解

    Android滑动拼图验证码控件使用方法详解

    这篇文章主要为大家详细介绍了Android滑动拼图验证码控件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Android通过bin二进制程序调用jar原理

    Android通过bin二进制程序调用jar原理

    最近在研究monkey测试,发现monkey测试的代码都是JAVA编写的,通过编译生成jar包,而我们在执行测试时直接执行/system/bin/monkey这个二进制程序的,那么它是如何能调起java程序的呢,本文小编给大家介绍了Android通过bin二进制程序调用jar原理,需要的朋友可以参考下
    2023-10-10
  • Android实现将View转化为图片并保存到本地

    Android实现将View转化为图片并保存到本地

    这篇文章主要为大家详细介绍了Android实现将View转化为图片并保存到本地,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • Android使用Activity实现简单的可输入对话框

    Android使用Activity实现简单的可输入对话框

    大家在做弹出对话框效果的时候最容易想到的是用Dialog显示,但其实弹出对话框的实现效果有两种:Dialog和Activity,那么下面这篇文章就来给大家介绍了关于Android使用Activity如何实现一个简单的可输入对话框的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-10-10
  • 浅析Android的启动原理

    浅析Android的启动原理

    当谈到Android启动原理时,我们进入了Android操作系统的核心,理解Android系统启动的原理对于开发者来说非常重要,因为这有助于优化应用程序性能并提供更好的用户体验,本文给大家讲讲Android启动原理,需要的朋友可以参考下
    2023-10-10
  • Flutter 封装一个 Banner 轮播图效果的实例代码

    Flutter 封装一个 Banner 轮播图效果的实例代码

    这篇文章主要介绍了Flutter 封装一个 Banner 轮播图效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-07-07

最新评论