營銷活動標籤 在TextView末尾加標籤 使用SpannableStringBuilder實現

 

1、每個item只有一個標籤的情況

 

 

核心代碼：

自定義一個TagTextView

<com.example.nala.tagtextviewdemo.TagTextView
        android:id="@+id/item_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:lineSpacingExtra="8dp"
        android:paddingBottom="@dimen/lineSpacingExtra8"
        android:textColor="#444444"
        android:textSize="15sp"
        android:text="蘭芝水清瑩防曬霜SPF30+50ML"/>

TagTextView 裏面的核心代碼：

 

   public void setTagEnd(String tag, String content) {
        StringBuffer contentBuffer = new StringBuffer(content);
        int fromIndex = contentBuffer.length();
        contentBuffer.append(tag);
        int toIndex = contentBuffer.length();

        SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(contentBuffer);
        View view = LayoutInflater.from(mContext).inflate(R.layout.layout_textview_tags, null);
        tagTv = view.findViewById(R.id.tv_tags);
        tagTv.setText(tag);
        fillTextStyle(tagTv, tag);

        Bitmap bitmap = convertViewToBitmap(view);
        BitmapDrawable drawable = new BitmapDrawable(getResources(), bitmap);
        drawable.setBounds(0, 0, tagTv.getMeasuredWidth(), tagTv.getMeasuredHeight() * 89 / 100);

        CenterImageSpan span = new CenterImageSpan(drawable);
        spannableStringBuilder.setSpan(span, fromIndex, toIndex, Spannable.SPAN_INCLUSIVE_INCLUSIVE);

        setText(spannableStringBuilder);
        setGravity(Gravity.CENTER_VERTICAL);
    }

 

SpannableStringBuilder的只要用法使用CenterImageSpan設置圖片，將index爲fromIndex 到toIndex替換成了圖片。

 

SpannableStringBuilder的用法：

 

 

 

 

1、每個item添加多個標籤的情況

TagTextView 裏面的核心代碼：

 

 public void setTagEnd(List<String> tag, String content) {
        StringBuffer contentBuffer = new StringBuffer(content);
        List<Integer> fromIndexs = new ArrayList<>();
        List<Integer> toIndexs = new ArrayList<>();

        for (int i = 0; i < tag.size(); i++) {
          fromIndexs.add(contentBuffer.length());
          contentBuffer.append(tag.get(i));
          toIndexs.add(contentBuffer.length());
        }

        SpannableStringBuilder spannableStringBuilder = new SpannableStringBuilder(contentBuffer);
        for (int i = 0; i < tag.size(); i++) {
            View view = LayoutInflater.from(mContext).inflate(R.layout.layout_textview_more_tags, null);
            tagTv = view.findViewById(R.id.tv_tags);
            tagTv.setText(tag.get(i));
            fillTextStyle(tagTv, tag.get(i));

            Bitmap bitmap = convertViewToBitmap(view);
            BitmapDrawable drawable = new BitmapDrawable(getResources(), bitmap);
            drawable.setBounds(0, 0, tagTv.getMeasuredWidth(), tagTv.getMeasuredHeight() * 89 / 100);

            CenterImageSpan span = new CenterImageSpan(drawable);
            spannableStringBuilder.setSpan(span, fromIndexs.get(i), toIndexs.get(i), Spannable.SPAN_INCLUSIVE_INCLUSIVE);
        }
        setText(spannableStringBuilder);
        setGravity(Gravity.CENTER_VERTICAL);
    }

下載demo地址 https://download.csdn.net/download/jingerlovexiaojie/10504862