美文网首页Android技术知识Android开发Android开发经验谈
Android实用技巧——UI展示之TextView超出某个字数

Android实用技巧——UI展示之TextView超出某个字数

作者: zhx喜籽 | 来源:发表于2019-12-27 11:22 被阅读0次

最近碰到一个UI层面的需求——要求TextView内容最多显示一行且超过7个字时结尾显示省略号。大家在拿到这个需求之后,基本都会写出在xml中写出下面的代码来实现。

<TextView
    android:id="@+id/tv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:maxLines="1" 或者 android:singleLine="true"
    android:maxEms="7"  
    android:ellipsize="end" />

上面的逻辑很清晰,先设置最大行数为1,然后最大字数为7,最后超出时在结尾展示省略号。但是!!!你会发现在某些机型上面是ok的,但是在某些机型上面字数计算错误。然后一顿百度,发现大家在实现类似功能时都用的类似代码,但自己实现就是有问题。后来一想,莫非是这个maxEms的原因?然后去官网查了一下API释义:

也就是说通过maxEms设置TextView的属性并不是指的该view的最大显示字数是7个,而是该view最大宽度是7个EM的宽度,这里EM指的是印刷排版中英文字体M所占的宽度,也就是说并不是需求中所需要的字符的宽度。有关于maxEms的属性介绍,大家感兴趣可以看下下面这篇文章:

https://www.jianshu.com/p/8c6ddebbf4f2?utm_source=oschina-app

既然maxEms拿不准,那么用maxLength实现吗?答案也是否定的,如果使用了maxLength属性,那么当超出指定字符数后会直接截断而不显示省略号,而且该属性将汉字、英文、数字都算为一个字符。同样的,使用maxWidth限制TextView的宽度也是行不通的。

系统方法无法实现产品需求,那么只能自己造轮子实现了。该需求主要有以下几个点需要注意:1、最多显示7个字;2、超出7个字进行截断并在末尾显示省略号;3、中文是两个字符,其他都按一个字符算,也就是说例如“12.4万人”的字数应该计算为 4 而不是 6 。下面贴一下自己的代码:

private static String regEx = "[\u4e00-\u9fa5]"; // 中文范围
    
/**
 * 格式化字符串
 * @param string 原始输入字符串
 * @param maxCount 最大字符限制,中文算作2个字符,其他都算1个字符
 * @return
 */
private static String formatText(String string, int maxCount) {
    if ( (string == null || string.length() == 0) 
                && getChCount(string) > maxCount) {
        string = subStrByLen(string, maxCount - 1);
    }
    return string;
}
    
/**
 * 
 * 截取字符串,超出最大字数截断并显示"..."
 * @param str 原始字符串
 * @param length 最大字数限制(以最大字数限制7个为例,当含中文时,length应设为2*7,不含中文时设为7)
 * @return 处理后的字符串
 */
public static String subStrByLen(String str, int length) {
    if (str == null || str.length() == 0) {
        return "";
    }
    int chCnt = getStrLen(str);
    // 超出进行截断处理
    if (chCnt > length) {
        int cur = 0;
        int cnt = 0;
        StringBuilder sb = new StringBuilder();
        while (cnt <= length && cur < str.length()) {
            char nextChar = str.charAt(cur);
            if (isChCharacter(String.valueOf(nextChar))) {
                cnt += 2;
            } else {
                cnt++;
            }
            if (cnt <= length) {
                sb.append(nextChar);
            } else {
                return sb.toString() + "...";
            }
            cur++;
        }
        return sb.toString() + "...";
    }
    // 未超出直接返回
    return str;
}
    
/**
 * 获取字符串中的中文字数
 */
private static int getChCount(String str) {
    int cnt = 0;
    Pattern pattern = Pattern.compile(regEx);
    Matcher matcher = pattern.matcher(str);;
    while(matcher.find()) {
        cnt++;
    }
    return cnt;
}
    
/**
 * 判断字符是不是中文
 */
private static boolean isChCharacter(String str) {
    if (str == null || str.length() == 0) {
        return false;
    }
    if (str.length() > 1) {
        return false;
    }
    return Pattern.matches(regEx, str);
}
    
/**
 * 获取字符长度,中文算作2个字符,其他都算1个字符
 */
public static int getStrLen(String str) {
    if (str == null || str.length() == 0) {
        return 0;
    }
    return str.length() + getChCount(str);
}

————————————————
版权声明:本文为CSDN博主「CQURookie」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Sky_327/article/details/103696970

相关文章

网友评论

    本文标题:Android实用技巧——UI展示之TextView超出某个字数

    本文链接:https://www.haomeiwen.com/subject/hnaroctx.html