精通自定义视图之展开收起的布局

2023-12-14 02:59:09

Android自定义视图：展开收起的布局

在Android开发中，经常会遇到需要自定义视图的情况。本篇文章将介绍如何实现一个展开收起的布局，并在收起状态下保留第一个子视图的显示。通过对LinearLayout高度的控制，可以轻松实现布局的展开收起效果。

实现步骤

定义一个名为ExpandLinearLayout的类，继承自LinearLayout。
重写onMeasure方法，并在其中控制子视图的高度。
重写onLayout方法，并根据子视图的高度来确定布局的位置。
定义一个名为toggle方法，用于切换布局的展开收起状态。
在布局文件中使用ExpandLinearLayout来定义布局。

示例代码

public class ExpandLinearLayout extends LinearLayout {

    private boolean isExpanded = false;

    public ExpandLinearLayout(Context context) {
        super(context);
    }

    public ExpandLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ExpandLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

        if (isExpanded) {
            // 如果是展开状态，则测量所有子视图的高度
            for (int i = 0; i < getChildCount(); i++) {
                View child = getChildAt(i);
                measureChild(child, widthMeasureSpec, heightMeasureSpec);
            }
        } else {
            // 如果是收起状态，则只测量第一个子视图的高度
            View firstChild = getChildAt(0);
            measureChild(firstChild, widthMeasureSpec, heightMeasureSpec);
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);

        if (isExpanded) {
            // 如果是展开状态，则布局所有子视图
            int top = 0;
            for (int i = 0; i < getChildCount(); i++) {
                View child = getChildAt(i);
                child.layout(l, top, r, top + child.getMeasuredHeight());
                top += child.getMeasuredHeight();
            }
        } else {
            // 如果是收起状态，则只布局第一个子视图
            View firstChild = getChildAt(0);
            firstChild.layout(l, 0, r, firstChild.getMeasuredHeight());
        }
    }

    public void toggle() {
        isExpanded = !isExpanded;
        requestLayout();
    }
}