Android进阶——或许是处理“More&click”型多行的TextView换行的最优雅的一种方式

引言

相信很多Android APP 开发者在处理TextView 换行的时候都曾头痛不已过,尤其是在做复杂布局的时候,适配的时候都踩过不少坑。笔者也踩过,直到在一次查看源码的时候发现了ViewTreeObserver,总算是实现了优雅的格式化多行文本,在使用一个控件的时候抽点时间了解下提供的公共方法,有时候可以避免很多不必要的坑。

一、ViewTreeObserver概述

ViewTreeObserver顾名思义就是视图树的观察者角色,可以监听视图树的全局变化,比如整棵树的布局,开始的绘画传递,触摸模式的改变等等,都提供了对应的八个监听接口(A view tree observer is used to register listeners that can be notified of global changes in the view tree)。ViewTreeObserver用来注册监听器,在视图树全局发生变化时收到通知。它不能被应用实例化,因为它是由视图提供,只能通过调用android.view.View的getViewTreeObserver()来获取对应的实例。

这里写图片描述

其实整个ViewTreeObserver机制从源码上看,本质上就是个观察者模式,那么主要的角色就有两种:

  • ViewTree视图树——在Android中所有视图由View和View的子类组成。ViewGroup也是view的子类,它是View的容器,它可以装载View和ViewGroup。这样ViewGroup和View以树形结构一层一层的嵌套组合,就形成了视图树。

  • Observer观察者。使用了观察者的设计模式,ViewTree是被观察者(或者说是主题、内容),ViewTreeObserver是观察者,通过ViewTreeObserver注册监听来观察ViewTree的变化,当ViewTree发生变化,就会调用ViewTreeObserver的相关方法来通知其这一改变。我们可以在ViewTreeObserver中add自己的监听器,从而得到ViewTree的某一变化的通知做出自己的逻辑处理。

二、SpannableString和ClickableSpan概述

SpannableString和ClickableSpan本质上就是高级的String,具体可参见Android进阶——借助强大Span家族增添丰富的特效及格式化字符串

三、实现思路

简单来说就是实现根据TextView要实现的字符串长度去动态适配。

  • 通过ViewTreeObserver机制监听,TextView绘制之后,在OnGlobalLayoutListener中计算原始的字符串长度,当多行显示的时候,以第一行所显示字符的个数为行长。

  • 判断最后一行的长度,并进行逻辑处理,添加“More”型字符串

  • 以Span系为辅助实现点击,并开放接口

四、实现源码

这里写图片描述

核心源码

package com.crazyview.loadertest;

import android.graphics.Color;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.TextPaint;
import android.text.method.LinkMovementMethod;
import android.text.style.ClickableSpan;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.TextView;

/**
 * Auther: Crazy.Mo
 * DateTime: 2017/11/14 10:55
 * Summary:
 */
public class FormatUtil {
    /**
     * @param textView 目标TextView
     * @param moreStr   more型字符串,当显示不完全的时候显示替代字符串
     * @param clickListener 点击的回调接口
     */
    public static void getTextMaxEms(final TextView textView, final String moreStr,  final LinkClickListener clickListener){
        final String contentStr=textView.getText().toString();
        ViewTreeObserver viewTreeObserver=textView.getViewTreeObserver();
        viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener(){

            @Override
            public void onGlobalLayout() {
                if(textView.getTag()==null){
                    textView.setTag(textView.getText().toString());
                }
                String currentStr=textView.getText().toString();
                ViewTreeObserver treeObserver=textView.getViewTreeObserver();
                treeObserver.removeOnGlobalLayoutListener(this);
                int lineCount=textView.getLineCount();
                if(lineCount>1) {
                    //获取第一行的文本长度当做每行文本的长度
                    int lineLength = textView.getText().subSequence(textView.getLayout().getLineStart(0), textView.getLayout().getLineEnd(0)).toString().length();

                    //获取最后一行文本的长度
                    int lastLineLength = textView.getText().subSequence(textView.getLayout().getLineStart(textView.getLayout().getLineCount() - 1), textView.getLayout().getLineEnd(textView.getLayout().getLineCount() - 1)).toString().length();

                    if (lastLineLength >= lineLength - moreStr.length() - 2) {
                        currentStr = currentStr.substring(0, contentStr.length() - (lastLineLength - (lineLength - moreStr.length() - 5))) + "...";
                    }
                    final String finalStr = currentStr + moreStr;
                    SpannableString spanString = new SpannableString(finalStr);
                    ClickableSpan clickSpan = new ClickableSpan() {

                        @Override
                        public void onClick(View widget) {
                            clickListener.onLinkClick(contentStr);
                        }

                        @Override
                        public void updateDrawState(TextPaint ds) {
                            ds.setColor(ds.linkColor);
                            ds.setUnderlineText(true);
                        }
                    };
                    spanString.setSpan(clickSpan, currentStr.length(), finalStr.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
                    textView.setText(spanString);
                    textView.setLinkTextColor(Color.RED);
                    //必须添加这一段
                    textView.setMovementMethod(LinkMovementMethod.getInstance());
                    textView.setFocusable(false);
                    textView.setClickable(false);
                    textView.setLongClickable(false);
                }
            }
        });
    }
 }

点击回调接口

package com.crazyview.loadertest;

/**
 * Auther: Crazy.Mo
 * DateTime: 2017/11/14 14:52
 * Summary:
 */
public interface LinkClickListener {
    void onLinkClick(Object object);
}

使用

package com.crazyview.loadertest;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;

public class MultableTextActivity extends AppCompatActivity {
    private TextView textOneline,textView,textMult,textlastLine;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_multable_text);
        init();
    }

    private void init() {
        textView= (TextView) findViewById(R.id.tv_single);
        textView.setText("百世快递投递员于2017年10月14日下午四点左右");
        FormatUtil.getTextMaxEms(textView, "查看详情", /*textView.getText().toString(),*/ new LinkClickListener() {
            @Override
            public void onLinkClick(Object object) {
                Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
            }
        });

        textOneline= (TextView) findViewById(R.id.tv_oneline);
        textOneline.setText("百世快递投递员于2017年10月14日下午四点左右到我处成");
        FormatUtil.getTextMaxEms(textOneline, "查看详情", /*textOneline.getText().toString(),*/ new LinkClickListener() {
            @Override
            public void onLinkClick(Object object) {
                Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
            }
        });

        textMult= (TextView) findViewById(R.id.tv_mutlline);
        textMult.setText("百世快递投递员于2017年10月14日下午四点左右到我处成功揽件,直至今日2017年10月30日收件人还未收到包裹并且也无法在对方的网上查询到有关包裹的任何消息,曾经有一次去代办点领取包裹亲眼目睹包裹的胡乱抛放,于是在此期间多次联系对方客服,询问包裹情况,对方客服也数次明说24小时内会给一个反馈,由于时间久远只记得部分客服工号(LYWX035),但是24小时、48小时甚至72小时都无任何回复,由于此包裹所寄物品是从香港买回来的药,北京我家人急用已经严重延误了,恳请总局帮忙联系无耻百世快递,并请求赔偿原物品及1元精神损失。");
        FormatUtil.getTextMaxEms(textMult, "查看详情", /*textMult.getText().toString(),*/ new LinkClickListener() {
            @Override
            public void onLinkClick(Object object) {
                Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
            }
        });

        textlastLine= (TextView) findViewById(R.id.tv_lastline);
        textlastLine.setText("百世快递投递员于2017年10月14日下午四点左右到我处成功揽件,直至今日2017年10月30日收件人还未收到包裹并且也无法在对方的网上查询到有关包裹的任何消息,曾经有一次去代办点领取包裹亲眼目睹包裹的胡乱抛放,于是在此期间多次联系对方客服,询问包裹情况,对方客服也数次明说24小时内会给一个反馈,由于时间久远只记得部分客服工号(LYWX035),但是24小时、48小时甚至72小时都无任何回复,由于此包裹所寄物品是从香港买回来的药,北京我家人急用已经严重延误了,恳请总局帮忙联系无耻百世快递,并请");
        FormatUtil.getTextMaxEms(textlastLine, "查看详情", /*textlastLine.getText().toString(),*/ new LinkClickListener() {
            @Override
            public void onLinkClick(Object object) {
                Toast.makeText(MultableTextActivity.this,"查看详情Click"+(String)object,Toast.LENGTH_SHORT).show();
            }
        });
    }
}

布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="显示文字长度不够一行时:"
        android:textSize="16sp"
        android:textStyle="bold"/>
    <TextView
        android:id="@+id/tv_single"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="显示文字长度刚好一行时:"
        android:textSize="16sp"
        android:textStyle="bold"/>
    <TextView
        android:id="@+id/tv_oneline"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="多行最后一行>=行长度减去more型再减去2"
        android:textSize="16sp"
        android:textStyle="bold"/>
    <TextView
        android:id="@+id/tv_mutlline"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="多行最后一行小于行长度减去more型再减去2"
        android:textSize="16sp"
        android:textStyle="bold"/>
    <TextView
        android:id="@+id/tv_lastline"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</LinearLayout>
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,547评论 4 374
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,787评论 2 308
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 112,175评论 0 254
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,752评论 0 223
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,169评论 3 297
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,056评论 1 226
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,195评论 2 321
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,980评论 0 214
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,724评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,872评论 2 254
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,344评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,667评论 3 264
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,379评论 3 245
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,202评论 0 9
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,992评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,189评论 2 286
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,987评论 2 279

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,598评论 25 707
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,434评论 22 663
  • 原文链接:https://github.com/opendigg/awesome-github-android-u...
    IM魂影阅读 32,803评论 6 472
  • 我没有想过要你的指纹做什么,我只是想看看你的反应。 Abel到最后一刻才说出这样的话,让陈冉有些吃...
    黛儿阅读 778评论 0 0
  • 特点 专门用来在主线程上调度任务的队列 不会开启线程 以先进先出的方式,在主线程空闲时才会调度队列中的任务在主线程...
    liu_bo阅读 410评论 0 0