Android在TextView的最后一行后面拼接view(類似長(zhǎng)文本的查看更多及收起)

其實(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è)贊再走唄~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末裳扯,一起剝皮案震驚了整個(gè)濱河市抛丽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌饰豺,老刑警劉巖亿鲜,帶你破解...
    沈念sama閱讀 221,331評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異冤吨,居然都是意外死亡蒿柳,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,372評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門漩蟆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)其馏,“玉大人,你說(shuō)我怎么就攤上這事爆安∨迅矗” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,755評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵扔仓,是天一觀的道長(zhǎng)褐奥。 經(jīng)常有香客問(wèn)我,道長(zhǎng)翘簇,這世上最難降的妖魔是什么撬码? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,528評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮版保,結(jié)果婚禮上呜笑,老公的妹妹穿的比我還像新娘。我一直安慰自己彻犁,他們只是感情好叫胁,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,526評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著汞幢,像睡著了一般驼鹅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上森篷,一...
    開(kāi)封第一講書(shū)人閱讀 52,166評(píng)論 1 308
  • 那天输钩,我揣著相機(jī)與錄音,去河邊找鬼仲智。 笑死买乃,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的钓辆。 我是一名探鬼主播剪验,決...
    沈念sama閱讀 40,768評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼肴焊,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了碉咆?” 一聲冷哼從身側(cè)響起抖韩,我...
    開(kāi)封第一講書(shū)人閱讀 39,664評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎疫铜,沒(méi)想到半個(gè)月后茂浮,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,205評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡壳咕,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,290評(píng)論 3 340
  • 正文 我和宋清朗相戀三年席揽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片谓厘。...
    茶點(diǎn)故事閱讀 40,435評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡幌羞,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出竟稳,到底是詐尸還是另有隱情属桦,我是刑警寧澤,帶...
    沈念sama閱讀 36,126評(píng)論 5 349
  • 正文 年R本政府宣布他爸,位于F島的核電站聂宾,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏诊笤。R本人自食惡果不足惜系谐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,804評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望讨跟。 院中可真熱鬧纪他,春花似錦、人聲如沸晾匠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,276評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)混聊。三九已至弹谁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間句喜,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,393評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工沟于, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留咳胃,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,818評(píng)論 3 376
  • 正文 我出身青樓旷太,卻偏偏與公主長(zhǎng)得像展懈,于是被迫代替她去往敵國(guó)和親销睁。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,442評(píng)論 2 359