主页 / 问题 / 675205
Accepted
user194625
Asked:2020-06-05 00:22:10 +0000 UTC2020-06-05 00:22:10 +0000 UTC

如何实现标签列表？

  • 772

我正在尝试制作一个列表 - 标签网格（在我们的社区中，一个接一个的椭圆形，如果没有足够的空间，则移动到另一行），我创建了一个适配器RecyclerView，但我不知道是哪个一个LayoutManager使用，因为它应该View进一步插入，但如果没有足够的空间，则移动到另一行。GridLayoutManager不适合这个，它需要传递固定数量的列。我找到了一些GridAutofutLayoutManager，但它也不适合，因为它需要超过列的宽度。这还不是全部，因为LayoutManager我需要的那个根本不需要任何东西，除了上下文。我超过了屏幕宽度的三分之一，但事实并非如此。

在此处输入图像描述

也许，一般来说，通过Spannable它是可能的吗？标签必须是可点击的。求助，苦恼了半天

recyclerview

1 个回答

  1. Best Answer

    找到图书馆 > https://github.com/nex3z/FlowLayout

    下面是徒劳的：

    在克服了一堆耙子之后，用SpannySpannable库武装起来。

    所以标签TextView

    <TextView
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceSmall"
    android:layout_width="match_parent"
    android:id="@+id/marks_tv"
    android:textColor="#000000"
    android:layout_gravity="fill"
    android:lineSpacingExtra="10dp"
    android:layout_marginTop="16dp"/>

    编码

    List<String> marks = i.getStringArrayListExtra("marks");
    Spanny span = new Spanny();
    span.append("Метки:", new RoundedBackgroundSpan(ctx, Color.TRANSPARENT, Color.BLACK, category.getTextSize(), 0));
    int spanCount = 0;
    for (String mark : marks){
        String marked = mark.toLowerCase().replace(" ", "-");
        if(!marked.equals(category.getText())){
        span = span.append("   ");
        span = span.append(marked, new RoundedBackgroundSpan(ctx, Color.parseColor("#000000"), Color.parseColor("#ffffff"), category.getTextSize(), 10));
        spanCount++;
    }
    }
    if(spanCount == 0){
        marks_tv.setVisibility(View.GONE);
    } else {
    marks_tv.append(span);
        marks_tv.post(new Runnable(){
                @Override
                public void run ()
                {
                    marks_tv.setMinimumHeight(marks_tv.getHeight() + Utils.dpToPx(ctx, 6));
                }
    });
}

    风俗RoundedBackgroundSpan

    public class RoundedBackgroundSpan extends ReplacementSpan {

private static final int CORNER_RADIUS = 20;

private float PADDING_X;
private float PADDING_Y;

private float MAGIC_NUMBER;

private int mBackgroundColor;
private int mTextColor;
private float mTextSize;

private Context ctx;

public RoundedBackgroundSpan(Context ctx, int backgroundColor, int textColor, float textSize, int paddingX) {
    this.ctx = ctx;
    mBackgroundColor = backgroundColor;
    mTextColor = textColor;
    mTextSize = textSize;
    PADDING_X = Utils.dpToPx(ctx, paddingX);
    PADDING_Y = Utils.dpToPx(ctx, 2);
    MAGIC_NUMBER = Utils.dpToPx(ctx, 2);
}

@Override
public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom, Paint paint) {
    paint = new Paint(paint);
    paint.setTextSize(mTextSize);
    paint.setColor(mBackgroundColor);
    float textHeightWrapping = Utils.dpToPx(ctx, 2);
    float tagBottom = top + textHeightWrapping + PADDING_Y + mTextSize + PADDING_Y + textHeightWrapping;
    float tagRight = x + getTagWidth(text, start, end, paint);
    RectF rect = new RectF(x, top, tagRight, tagBottom);
    canvas.drawRoundRect(rect, CORNER_RADIUS, CORNER_RADIUS, paint);
    paint.setColor(mTextColor);
    canvas.drawText(text, start, end, x + PADDING_X, tagBottom - PADDING_Y - textHeightWrapping - MAGIC_NUMBER, paint);
}

private int getTagWidth(CharSequence text, int start, int end, Paint paint) {
    return Math.round(PADDING_X + paint.measureText(text.subSequence(start, end).toString()) + PADDING_X);
}

@Override
public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
    paint = new Paint(paint); 
    paint.setTextSize(mTextSize);
    return getTagWidth(text, start, end, paint);
}
}

    如果有什么不清楚的，写 - 我会回答。

    截图

    在此处输入图像描述

    在此处输入图像描述

    • 0

相关问题