Android实现一个简单带动画的展开收起功能
作者:似曾相识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展开收起功能内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!