在Android开发中使用自定义组合控件的例子

下面是详细讲解“在Android开发中使用自定义组合控件的例子”的完整攻略：

一、什么是自定义组合控件？

自定义组合控件是指开发者在原有的基础控件的基础上，将多个控件组合在一起，形成一个包含多个子控件的全新控件，并在此基础上添加一些额外的功能，满足特定的需求。

二、自定义组合控件的实现步骤

自定义组合控件的实现步骤大概有以下几个：

1、继承一个基础控件

在自定义组合控件的过程中，通常会选择继承一个已有的基础控件，例如View、LinearLayout或者RelativeLayout。

2、定义自定义属性

因为自定义组合控件是包含多个子控件，为了让开发者在xml布局中使用自定义组合控件时可以方便地设置控件属性，需要在自定义组合控件的attrs.xml文件中定义自定义属性。

3、解析自定义属性

解析自定义属性是为了在初始化时获取到设置的属性值并进行相应的处理，例如设置文本、图片等。

4、编写布局文件

在组合控件中，通常会手动编写布局文件来设置子控件的位置、大小、间距等属性。

5、添加子控件

通过代码的方式在自定义组合控件中添加子控件，以达到组合多个控件的效果。

三、示例说明

示例一：自定义一个可展开的TextView控件

这个控件非常适合一些需要显示大段文字的场景，例如APP中的新闻详情页、段子内容展示页等。用户可以点击控件头部来展开或收起控件内部的文字内容。

1、定义自定义属性

我们需要在attrs.xml文件中定义一个自定义属性，用于控制控件是否展开：

<resources>
    <declare-styleable name="ExpandableTextView">
        <attr name="expand" format="boolean"/>
    </declare-styleable>
</resources>

2、继承TextView控件

该控件是基于TextView扩展的，所以需要继承TextView控件。

public class ExpandableTextView extends TextView {
    // 控件是否需要展开
    private boolean isExpanded = false;

    public ExpandableTextView(Context context) {
        this(context, null);
    }

    public ExpandableTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 获取自定义属性值，控制控件是否展开
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ExpandableTextView);
        isExpanded = typedArray.getBoolean(R.styleable.ExpandableTextView_expand, false);
        typedArray.recycle();
        // 点击控件头部进行展开或收起
        this.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                toggle();
            }
        });
    }

    /**
     * 切换展开、收起状态
     */
    public void toggle() {
        isExpanded = !isExpanded;
        setText(getText());
    }

    @Override
    public void setText(CharSequence text, BufferType type) {
        if (!isExpanded) {
            // 如果需要收起，则只显示一部分文本，末尾加上省略号
            super.setText(text.subSequence(0, 30) + "...", type);
        } else {
            // 如果需要展开，则显示全部文本
            super.setText(text, type);
        }
    }
}

3、编写布局文件

该控件只包含一个TextView控件，所以只需要手动编写一个布局文件即可。

<?xml version="1.0" encoding="utf-8"?>
<com.example.expandabletextview.ExpandableTextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/id_expandable_textview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="16sp"
    android:lineSpacingExtra="6dp"
    android:padding="10dp"
    app:expand="false"
    />

示例二：自定义一个带滑动条的LinearLayout控件

这个控件可以在子控件数量超出屏幕限制时添加一个滑动条，让用户可以通过滑动查看所有的子控件。

1、定义自定义属性

在本例中，需要在attrs.xml文件中定义一个自定义属性，用于控制是否启用滑动条。

<resources>
    <declare-styleable name="ScrollBarLinearLayout">
        <attr name="isScrollEnabled" format="boolean"/>
    </declare-styleable>
</resources>

2、继承LinearLayout控件

该控件是基于LinearLayout扩展的，所以需要继承LinearLayout控件。

public class ScrollBarLinearLayout extends LinearLayout {

    private boolean isScrollEnabled = true;

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

    public ScrollBarLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 获取自定义属性值，控制是启用滑动条
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.ScrollBarLinearLayout);
        isScrollEnabled = typedArray.getBoolean(R.styleable.ScrollBarLinearLayout_isScrollEnabled, true);
        typedArray.recycle();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 如果没有启用滑动条，则调用父类方法计算子控件大小和位置
        if (!isScrollEnabled) {
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
            return;
        }
        // 计算子控件的大小和位置
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);

        int childCount = getChildCount();
        int maxHeight = 0;

        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            measureChild(childView, widthMeasureSpec, heightMeasureSpec);
            LayoutParams layoutParams = (LayoutParams) childView.getLayoutParams();
            int childWidth = childView.getMeasuredWidth() + layoutParams.leftMargin + layoutParams.rightMargin;
            int childHeight = childView.getMeasuredHeight() + layoutParams.topMargin + layoutParams.bottomMargin;
            maxHeight += childHeight;
            if (childWidth > widthSize) {
                widthSize = childWidth;
            }
        }

        setMeasuredDimension(widthSize, maxHeight);
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        // 如果没有启用滑动条，则调用父类方法排列子控件的位置
        if (!isScrollEnabled) {
            return;
        }
        // 添加滑动条
        addView(new ScrollBar(getContext(), b - t));
        int childCount = getChildCount();
        int childTop = 0;
        for (int i = 0; i < childCount - 1; i++) {
            View childView = getChildAt(i);
            childView.layout(l, childTop, r, childTop + childView.getMeasuredHeight());
            LayoutParams layoutParams = (LayoutParams) childView.getLayoutParams();
            childTop = childTop + childView.getMeasuredHeight() + layoutParams.topMargin + layoutParams.bottomMargin;
        }
    }

    /**
     * 滑动条控件
     */
    class ScrollBar extends View {

        private Paint mPaint;
        private int mHeight;

        public ScrollBar(Context context) {
            this(context, 0);
        }

        public ScrollBar(Context context, int height) {
            super(context);
            mHeight = height;
            // 初始化滑动条控件的画笔和背景色
            mPaint = new Paint();
            mPaint.setColor(ContextCompat.getColor(context, android.R.color.white));
            mPaint.setStrokeWidth(10f);
        }

        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            canvas.drawLine(getWidth() / 2, 0, getWidth() / 2, mHeight, mPaint);
        }
    }

}

3、编写布局文件

<com.example.scrollbarlinearlayout.ScrollBarLinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    app:isScrollEnabled="true"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    ...
</com.example.scrollbarlinearlayout.ScrollBarLinearLayout>

总结

以上就是自定义组合控件的实现步骤以及两个示例的详细说明。通过阅读本文，你应该能够掌握如何制作自定义组合控件，以及如何通过自定义属性和自定义绘制等技巧使控件更加实用和美观。