Android 自定义View之展开收起的Layout

最新推荐文章于 2024-07-21 23:44:56 发布

平淡做Android

最新推荐文章于 2024-07-21 23:44:56 发布

阅读量305

点赞数

分类专栏： Android开发移动开发文章标签： javascript android java 移动开发程序人生

本文链接：https://blog.csdn.net/weixin_55596273/article/details/114160599

版权

本文详细介绍了如何在Android中创建一个自定义View，实现点击触发的展开收起效果。通过初始化参数、计算高度和设置动画，控制View的高度变化，确保在收起状态下第一个子View可见。此外，还提供了扩展思路，如计算宽度和自定义属性，以适应更多场景。

摘要由CSDN通过智能技术生成

效果

分析

效果图来看，点击事件触发view的展开收起，并在收起状态下保留了第一个子view显示，这个展开收起其实就是view的高度变化，所以只要控制好高度，就能很简单的实现这个效果。

步骤

1.初始化参数设置方向等
2.根据动画执行进度计算高度

初始化

class ExpandLinearLayout : LinearLayout {

    //是否展开，默认展开
    private var isOpen = true

    //第一个子view的高度，即收起保留高度
    private var firstChildHeight = 0

    //所有子view高度，即总高度
    private var allChildHeight = 0

    /**
     * 动画值改变的时候 请求重新布局
     */
    private var animPercent: Float = 0f

    constructor(context: Context) : super(context) {
        initView()
    }

    constructor(context: Context, attributeSet: AttributeSet) : super(context, attributeSet) {
        initView()
    }

    constructor(context: Context, attributeSet: AttributeSet, defStyleAttr: Int) : super(
        context,
        attributeSet,
        defStyleAttr
    ) {
        initView()
    }

    private fun initView() {
        //横向的话 稍加修改计算宽度即可
        orientation = VERTICAL

        animPercent = 1f
        isOpen = true
    }

}
复制代码

定义一个类ExpandLinearLayout ，继承自LinearLayout，当然也可以是其他的view。

然后重写构造方法，并在构造方法里面调用initView方法。

在initView</