其實(shí)一開(kāi)始我是反感這種需求的,因?yàn)槭忻嫔弦矝](méi)這樣的例子吧(當(dāng)時(shí)對(duì)比過(guò)馬蜂窩肠套、飛豬舰涌、美團(tuán),他們都沒(méi)采用這種方式)你稚?一般后面的標(biāo)簽都會(huì)另起一行單獨(dú)給位置瓷耙,不會(huì)拼接到TextView后面。但是在這之前已經(jīng)實(shí)現(xiàn)了類似的需求(見(jiàn)android在TextView后添加view實(shí)現(xiàn)展開(kāi)收起查看更多)刁赖,我也就沒(méi)糾結(jié)太多搁痛,直接開(kāi)干,反正也費(fèi)不了多少時(shí)間宇弛。效果如下:
單行效果
多行的效果:
多行的效果
先說(shuō)一下思路吧鸡典,這個(gè)景區(qū)標(biāo)題是一個(gè)TextView,拼在后面的標(biāo)簽也是一個(gè)TextView涯肩,這兩個(gè)TextView被安排在一個(gè)frameLayout中轿钠。問(wèn)題的關(guān)鍵點(diǎn)就是后面這個(gè)標(biāo)簽的位置問(wèn)題,也就是通過(guò)正確設(shè)置后面標(biāo)簽TextView的左上右下margin即可實(shí)現(xiàn)拼接在文本后面病苗。具體實(shí)現(xiàn)請(qǐng)看代碼:
import android.content.Context;
import android.graphics.Color;
import android.text.Layout;
import android.util.AttributeSet;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.widget.FrameLayout;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.core.content.ContextCompat;
/**
* 在文本后面拼接一個(gè)view
*
* @author ly
* date 2020/3/9 10:22
*/
public class AppendViewAfterTextView extends FrameLayout implements ViewTreeObserver.OnGlobalLayoutListener {
private BoldTextView tv;
private TextView tvSpecial;
private String text;
private FrameLayout.LayoutParams paramsSpecial;
private int space;
public AppendViewAfterTextView(@NonNull Context context) {
super(context);
init();
}
public AppendViewAfterTextView(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
init();
}
public AppendViewAfterTextView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
space = PixelUtil.dp2px(5);
tv = new BoldTextView(getContext());
tv.setTextSize(21);
tv.setLineSpacing(1.0f, 1.2f);
tv.setIncludeFontPadding(false);
setTextColor(ContextCompat.getColor(getContext(), R.color.black_text1));
tvSpecial = new TextView(getContext());
tvSpecial.setBackgroundResource(R.drawable.scenic_level_shape);
tvSpecial.setTextSize(12);
tvSpecial.setSingleLine();
tvSpecial.setTextColor(Color.WHITE);
paramsSpecial = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
tvSpecial.setLayoutParams(paramsSpecial);
addView(tv, new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
addView(tvSpecial);
}
@Override
public void onGlobalLayout() {
//為保證TextView.getLayout()!=null,在這里再執(zhí)行相關(guān)邏輯
setMoreViewPosition();
//記得移除症汹,不然會(huì)一直回調(diào)
tv.getViewTreeObserver().removeOnGlobalLayoutListener(this);
}
private void setMoreViewPosition() {
Layout layout = tv.getLayout();
if (layout == null)
return;
int lineCount = layout.getLineCount();
float lineWidth = layout.getLineWidth(lineCount - 1);
//獲取最后行最后一個(gè)字符的下標(biāo)
int lineEnd = layout.getLineEnd(lineCount - 1);
if (lineWidth + tvSpecial.getMeasuredWidth() + space - (getWidth() - getPaddingRight() - getPaddingLeft()) > 0) {//最后一行顯示不下硫朦,將最后一行換行
if (text.length() > 2) {
//分兩個(gè)字符到tvSpecial那一行,更協(xié)調(diào)
text = text.subSequence(0, text.length() - 2) + "\n" + text.subSequence(text.length() - 2, text.length());
setText(text);
return;//setText會(huì)重新觸發(fā)onGlobalLayout
}
}
// int lineH = layout.getLineBottom(lineCount - 1) - layout.getLineTop(lineCount - 1);
int lineH = layout.getHeight() / layout.getLineCount();
int lastLineRight = (int) layout.getSecondaryHorizontal(lineEnd);
paramsSpecial.leftMargin = lastLineRight + space;
//tvSpecial的中間和tv最后一行的中間上下對(duì)齊
paramsSpecial.topMargin = layout.getHeight() - tv.getPaddingBottom() - lineH / 2 - tvSpecial.getHeight() / 2;
tvSpecial.setLayoutParams(paramsSpecial);
}
public void setText(final String text) {
this.text = text;
tv.setText(this.text);
tv.getViewTreeObserver().addOnGlobalLayoutListener(this);
}
public void setSpecialViewText(String text) {
tvSpecial.setText(text);
}
public void setTextColor(int color) {
tv.setTextColor(color);
}
}
上述代碼的關(guān)鍵呢就是通過(guò)獲取文本TextView的最后一個(gè)字符的x坐標(biāo)來(lái)得到leftMargin以及通過(guò)高度差來(lái)得到topMargin背镇。獲取leftMargin的時(shí)候用到一個(gè)方法:getSecondaryHorizontal咬展,它是指獲取TextView的某個(gè)字符右邊的x坐標(biāo)。通過(guò)setText和setSpecialViewText暴露給外部瞒斩,分別設(shè)置這倆的文本即可破婆。通過(guò)該方式還能拓展出長(zhǎng)文本的查看更多及收起
到現(xiàn)在看這個(gè)需求,其實(shí)也還挺好的胸囱,沒(méi)那么惡心了祷舀,算是造了個(gè)小輪子。
//都看到這兒了,給個(gè)贊再走唄~