Android 自定义View之展开收起的Layout，2021最新Android开发者学习路线

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方法中，我们对一些参数进行初始化操作，比如方向、默认展开。

计算高度

ok，这个就是重点了。

因为只是view本身高度的变化，我们只需要重写onMeasure去计算高度即可。

来看onMeasure：

override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec)

//重置高度

allChildHeight = 0

firstChildHeight = 0

if (childCount > 0) {

//遍历计算高度

for (index in 0 until childCount) {

//这个地方实际使用中除了measuredHeight，以及margin等，也要计算在内

if (index == 0) {

firstChildHeight = getChildAt(index).measuredHeight

+getChildAt(index).marginTop + getChildAt(index).marginBottom

+this.paddingTop + this.paddingBottom

}

//实际使用时或包括padding等

allChildHeight += getChildAt(index).measuredHeight + getChildAt(index).marginTop + getChildAt(index).marginBottom

//最后一条的时候 加上当前view自身的padding

if (index == childCount - 1) {

allChildHeight += this.paddingTop + this.paddingBottom

}

}

// 根据是否展开设置高度

if (isOpen) {

setMeasuredDimension(

widthMeasureSpec,

firstChildHeight + ((allChildHeight - firstChildHeight) * animPercent).toInt()

)

} else {

setMeasuredDimension(

widthMeasureSpec,

allChildHeight - ((allChildHeight - firstChildHeight) * animPercent).toInt()

)

}

}

}

onMeasure里面也是分了两个步骤的：

• 遍历计算高度

//遍历计算高度

for (index in 0 until childCount) {

//这个地方实际使用中除了measuredHeight，以及margin等，也要计算在内

if (index == 0) {

firstChildHeight = getChildAt(index).measuredHeight

+getChildAt(index).marginTop + getChildAt(index).marginBottom

+this.paddingTop + this.paddingBottom

}

//实际使用时或包括padding等

allChildHeight += getChildAt(index).measuredHeight + getChildAt(index).marginTop + getChildAt(index).marginBottom

//最后一条的时候 加上当前view自身的padding

if (index == childCount - 1) {

allChildHeight += this.paddingTop + this.paddingBottom

}

}

来看第一个if判断，记录了第一个子view的高度，这里需要注意，除了measuredHeight，margin也要算上，而且父view的内边距padding也要加上，因为如果父view的padding很大的话，收起时view可能会显示不出来的。

然后就是总高度的计算，道理同上。

来看最后一个if判断，同样总高度计算完之后也要加上父view的上下padding，才是完整的高度。

第一个判断可以理解为收起状态的高度，第二个判断可以理解为展开状态的高度。

• 展开收起逻辑

// 根据是否展开设置高度

if (isOpen) {

setMeasuredDimension(

widthMeasureSpec,

firstChildHe

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

浏览器打开：qq.cn.hn/FTe 免费领取

ight + ((allChildHeight - firstChildHeight) * animPercent).toInt()

)

} else {

setMeasuredDimension(

widthMeasureSpec,

allChildHeight - ((allChildHeight - firstChildHeight) * animPercent).toInt()

)

}

因为第一个子view是保留显示的，所以在计算的时候都需要减去第一个子view的高度，就是剩余高度。

剩余高度可以很简单的计算出来，但是如何在显示的时候不突兀呢。

这里加一个动画，根据动画的执行进度来计算。

展开：第一个子view的高度 + 剩余高度 × 0到1的Float动画值

收起：总高度 - 剩余高度 × 0到1的Float动画值

author：yechaoa

动画

写一个方法控制展开收起，并在展开收起的时候执行动画。

fun toggle(): Boolean {

isOpen = !isOpen

startAnim()