带背景显示文字，自动换行的MultipleTextView

【原创 转载请标明出处】

自定的RelativeLayout，可实现带背景显示文字，自动换行。

直接上代码。拿过去就可以用。

package net.masonliu.multipletextview.library;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MultipleTextViewGroup extends RelativeLayout {

    private Context context;
    private float textSize;
    private int textColor;
    private int wordMargin;
    private int lineMargin;
    private int textPaddingLeft;
    private int textPaddingRight;
    private int textPaddingTop;
    private int textPaddingBottom;
    private boolean overspread;
    private int columnNum;
    private int textBackground;

    private int layout_width;
    private int marginRight;
    private int marginLeft;

    private OnMultipleTVItemClickListener listener;

    public MultipleTextViewGroup(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;

        TypedArray array = context.obtainStyledAttributes(attrs,
                R.styleable.MultipleTextViewGroup);
        textColor = array.getColor(R.styleable.MultipleTextViewGroup_textColor, 0XFF00FF00); // 提供默认值，放置未指定
        textSize = array.getDimension(R.styleable.MultipleTextViewGroup_textSize, 24);
        textSize = px2sp(context, textSize);
        wordMargin = array.getDimensionPixelSize(R.styleable.MultipleTextViewGroup_textWordMargin, 0);
        lineMargin = array.getDimensionPixelSize(R.styleable.MultipleTextViewGroup_textLineMargin, 0);
        textBackground = array.getResourceId(R.styleable.MultipleTextViewGroup_textBackground, -1);
        //array.getc
        textPaddingLeft = array.getDimensionPixelSize(R.styleable.MultipleTextViewGroup_textPaddingLeft, 0);
        textPaddingRight = array.getDimensionPixelSize(R.styleable.MultipleTextViewGroup_textPaddingRight, 0);
        textPaddingTop = array.getDimensionPixelSize(R.styleable.MultipleTextViewGroup_textPaddingTop, 0);
        textPaddingBottom = array.getDimensionPixelSize(R.styleable.MultipleTextViewGroup_textPaddingBottom, 0);
        overspread = array.getBoolean(R.styleable.MultipleTextViewGroup_overspread, false);
        columnNum = array.getInteger(R.styleable.MultipleTextViewGroup_columnNum, 1000);
        array.recycle();
        //下边是获取系统属性
        int[] attrsArray = new int[]{android.R.attr.id, // 0
                android.R.attr.background, // 1
                android.R.attr.layout_width, // 2
                android.R.attr.layout_height, // 3
                android.R.attr.layout_marginLeft, // 4
                android.R.attr.layout_marginRight // 5
        };
        TypedArray ta = context.obtainStyledAttributes(attrs, attrsArray);
        layout_width = ta.getLayoutDimension(2, ViewGroup.LayoutParams.MATCH_PARENT);
        marginRight = ta.getDimensionPixelSize(4, 0);
        marginLeft = ta.getDimensionPixelSize(5, 0);
        validateMargin();
        ta.recycle();
    }

    public static int px2sp(Context context, float pxValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (pxValue / fontScale + 0.5f);
    }

    public OnMultipleTVItemClickListener getOnMultipleTVItemClickListener() {
        return listener;
    }

    public void setOnMultipleTVItemClickListener(
            OnMultipleTVItemClickListener listener) {
        this.listener = listener;
    }

    private void validateMargin() {
        layout_width = layout_width - marginRight - marginLeft;
    }

    public void setTextViews(final List<String> dataList) {
        if (layout_width >= 0) {
            setTextViewsTrue(dataList);
        } else {
            ViewTreeObserver viewTreeObserver = getViewTreeObserver();
            if (viewTreeObserver.isAlive()) {
                viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                    @Override
                    public void onGlobalLayout() {
                        getViewTreeObserver().removeGlobalOnLayoutListener(this);
                        layout_width = ((ViewGroup) getParent()).getWidth();
                        validateMargin();
                        setTextViewsTrue(dataList);
                    }
                });
            }
        }
    }

    private void setTextViewsTrue(List<String> dataList) {
        ViewGroup parentView = (ViewGroup) getParent();
        parentView.getWidth();
        if (dataList == null || dataList.size() == 0) {
            return;
        }

        int line = 0;
        Map<Integer, List<TextView>> lineMap = new HashMap<Integer, List<TextView>>();
        List<TextView> lineList = new ArrayList<TextView>();
        lineMap.put(0, lineList);

        int x = 0;
        int y = 0;

        for (int i = 0; i < dataList.size(); i++) {
            TextView tv = new TextView(context);
            tv.setText(dataList.get(i));
            tv.setTextSize(textSize);
            if (textBackground != -1)
                tv.setBackgroundResource(textBackground);

            tv.setTextColor(textColor);
            tv.setPadding(textPaddingLeft, textPaddingTop, textPaddingRight, textPaddingBottom);
            tv.setTag(i);// 标记position
            tv.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (listener != null) {
                        listener.onMultipleTVItemClick(v, (Integer) v.getTag());
                    }
                }
            });

            int w = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
            int h = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
            tv.measure(w, h);
            int tvh = tv.getMeasuredHeight();
            int tvw = getMeasuredWidth(tv);

            RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(
                    LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
            if (x + tvw > layout_width || lineMap.get(line).size() >= columnNum) {
                x = 0;
                y = y + tvh + lineMargin;

                line++;
                lineMap.put(line, new ArrayList<TextView>());
            }
            lp.leftMargin = x;
            lp.topMargin = y;
            x = x + tvw + wordMargin;
            tv.setLayoutParams(lp);
            lineMap.get(line).add(tv);
        }

        for (int i = 0; i <= line; i++) {
            int padding = 0;
            if (overspread) {
                // 该行最后一个位置
                int len = lineMap.get(i).size();
                TextView tView = lineMap.get(i).get(len - 1);

                RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams) tView.getLayoutParams();
                int right = lp.leftMargin + getMeasuredWidth(tView);
                int emptyWidth = layout_width - right;
                padding = emptyWidth / (len * 2);
            }


            int leftOffset = 0;
            for (int j = 0; j < lineMap.get(i).size(); j++) {
                TextView tView2 = lineMap.get(i).get(j);

                if (overspread) {
                    RelativeLayout.LayoutParams lp2 = (RelativeLayout.LayoutParams) tView2.getLayoutParams();
                    lp2.leftMargin = lp2.leftMargin + leftOffset;
                    leftOffset = (j + 1) * 2 * padding;
                }

                tView2.setPadding(
                        tView2.getPaddingLeft() + padding,
                        tView2.getPaddingTop(),
                        tView2.getPaddingRight() + padding,
                        tView2.getPaddingBottom());

                addView(tView2);
            }
        }
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);

    }

    public int getMeasuredWidth(View v) {
        return v.getMeasuredWidth();
    }

    public interface OnMultipleTVItemClickListener {
        void onMultipleTVItemClick(View view, int position);
    }
}

里面用到的一些attrs，copy到values文件下，创建一个attrs.xml文件。把下面的代码粘进去就ok了。当然也可以改高啊，宽啊啥的

<resources>

    <declare-styleable name="MultipleTextViewGroup">
        <attr name="textColor" format="color" />
        <attr name="textSize" format="dimension" />
        <attr name="textWordMargin" format="dimension" />
        <attr name="textLineMargin" format="dimension" />
        <attr name="textBackground" format="reference" />

        <attr name="textPaddingLeft" format="dimension" />
        <attr name="textPaddingRight" format="dimension" />
        <attr name="textPaddingTop" format="dimension" />
        <attr name="textPaddingBottom" format="dimension" />

        <attr name="overspread" format="boolean" />
        <attr name="columnNum" format="integer" />
    </declare-styleable>

</resources>

自定义的背景边框

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <stroke
        android:width="0.5px"
        android:color="#ddd" />
    <corners
        android:radius="150dp">

    </corners>
    <solid android:color="#eee" />

</shape>

使用的时候，直接上。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <net.masonliu.multipletextview.library.MultipleTextViewGroup xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/main_rl"
        android:layout_width="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_height="wrap_content"
        app:textSize="12sp"
        app:textWordMargin="10dp"
        app:textLineMargin="10dp"
        app:textColor="#ff0000"
        app:textBackground="@drawable/shape_tag_grey_with_border"
        app:textPaddingLeft="10dp"
        app:textPaddingRight="10dp"
        app:textPaddingTop="10dp"
        app:textPaddingBottom="10dp"
        app:overspread="false" />

</LinearLayout>

附上git;

https://github.com/SingleShu/MultipleTextView