android中textview蚊子多显示省略号以及布局实现

艾特九哥 2016-03-15 01:24:57

如图所示，文本字数多了的话最后显示省略号，问题是，怎么控制最后一行省略号的位置还有“简介全文”这个怎么放个什么控件，怎么实现？有没有做过的，求指点
...全文
15648 24 打赏 收藏 转发到动态 举报
写回复
用AI写文章
24 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_27411971 2017-10-26
  • 打赏
  • 举报
 回复
引用 18 楼 u013290250 的回复:
[quote=引用 17 楼 a631855639 的回复:] [quote=引用 16 楼 liu4113231988 的回复:] [quote=引用 15 楼 a631855639 的回复:] [quote=引用 14 楼 liu4113231988 的回复:] [quote=引用 9 楼 a631855639 的回复:] 这个要动态判断是否省略号，查看全文使用SpannableString
就是这个意思[/quote] 如果需要，可以给你Util[/quote] 你做过类似的效果吗？能不能发一个看看啊，谢谢啦[/quote] 

/**
     * 设置TextView 显示更多
     * 使用方法：
     * textview.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
     *  @Override
     *  public boolean onPreDraw() {
     *  mTvInfo.getViewTreeObserver().removeOnPreDrawListener(this);
     *  NDTextUtil.setEllipsize(...)
     *  return true;
     *   }
     *   });
     * @param textView
     * @param originalText 原始行数
     * @param ellipsizeLine 更多状态下显示的最多行数
     */
    public static void setEllipsize(final Context context, final TextView textView, final String originalText, final int ellipsizeLine){
        if(TextUtils.isEmpty(originalText) || TextUtils.isEmpty(textView.getText().toString())){
            return;
        }
        String more = context.getResources().getString(R.string.info_more);
        String ellipsized = TextUtils.ellipsize(textView.getText(), textView.getPaint(), (float) textView.getWidth() * ellipsizeLine, TextUtils.TruncateAt.END).toString();
        final String ellipsis = context.getResources().getString(R.string.ellipsis);
        if(!ellipsized.endsWith(ellipsis) && !ellipsized.endsWith("...")) {
            textView.setText(originalText);
            return;
        }

        String[] nextLine = ellipsized.split("\n");
        if(nextLine.length > ellipsizeLine){
            Matcher slashMatcher = Pattern.compile("\n").matcher(ellipsized);
            int mIdx = 0;
            while(slashMatcher.find()) {
                mIdx++;
                //当换行符第ellipsizeLine出现的位置
                if(mIdx == ellipsizeLine){
                    break;
                }
            }
            int ellipPos = slashMatcher.start();
            ellipsized = ellipsized.substring(0, ellipPos);
        }
        //替换[更多]的位置点
        int changePos = ellipsized.length() - (ellipsis).length() - more.length() - 2;
        String endStr = ellipsized.substring(changePos < 0 ? 0:changePos, ellipsized.length() - 1);
        String result;
        //如果要截取替换[更多]的字符串包括换行符，则直接把[more]加在文字末尾
        if(endStr.contains("\n")){
            result = ellipsized + more;
        }
        else {
            String tmp = ellipsized.substring(0, changePos < 0 ? 0:changePos);
            result = tmp + (ellipsis) + more;
        }
        textView.setMovementMethod(LinkMovementMethod.getInstance());
        SpannableString spannable = new SpannableString(result);
        ClickableSpan click = new ClickableSpan() {

            @Override
            public void onClick(View widget) {
                String less = context.getResources().getString(R.string.info_less);
                String newText = originalText + less;
                SpannableString spannable = new SpannableString(newText);
                ClickableSpan fullClick = new ClickableSpan() {
                    @Override
                    public void onClick(View widget) {
                        setEllipsize(context, textView, originalText, 2);
                    }

                    @Override
                    public void updateDrawState(TextPaint ds) {
                        ds.setUnderlineText(false);
                        ds.clearShadowLayer();
                    }
                };
                spannable.setSpan(fullClick, 0, newText.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
                spannable.setSpan(new ForegroundColorSpan(context.getResources().getColor(R.color.text_more)),
                        newText.length() - less.length(), newText.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
                textView.setText(spannable);
            }

            @Override
            public void updateDrawState(TextPaint ds) {
                ds.setUnderlineText(false);
                ds.clearShadowLayer();
            }
        };
        spannable.setSpan(click, 0, result.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
        spannable.setSpan(new ForegroundColorSpan(context.getResources().getColor(R.color.text_more)),
                result.length() - more.length(), result.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
        textView.setText(spannable);
    }
[/quote] R.string.info_more R.string.ellipsis R.color.text_more 把这几个贴出来，谢谢[/quote] 如果把这个放进listview中的每一个item里面呢？还能不能显示了？除了点击全文进入另一个页面，其他功能一样
艾特九哥 2016-03-18
  • 打赏
  • 举报
 回复
引用 22 楼 u013290250 的回复:
[quote=引用 19 楼 a631855639 的回复:] R.string.info_more == 你的查看全文 R.string.ellipsis == 省略号 R.color.text_more==查看全文的字体颜色 这几个你可以自定义
还有一个 info_less[/quote] 你也是要实现这个功能效果吗？这个怎么样，你的能实现吗？
shidangche 2016-03-17
  • 打赏
  • 举报
 回复
* textview.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { * @Override * public boolean onPreDraw() { * mTvInfo.getViewTreeObserver().removeOnPreDrawListener(this); * NDTextUtil.setEllipsize(...) * return true; * } * }); mTvinfo 是什么还有在mTvinfo 怎么定义
画虎烂 2016-03-17
  • 打赏
  • 举报
 回复
R.string.info_more == 你的查看全文 R.string.ellipsis == 省略号 R.color.text_more==查看全文的字体颜色 这几个你可以自定义
怀君 2016-03-17
  • 打赏
  • 举报
 回复
引用 17 楼 a631855639 的回复:
[quote=引用 16 楼 liu4113231988 的回复:] [quote=引用 15 楼 a631855639 的回复:] [quote=引用 14 楼 liu4113231988 的回复:] [quote=引用 9 楼 a631855639 的回复:] 这个要动态判断是否省略号，查看全文使用SpannableString
就是这个意思[/quote] 如果需要，可以给你Util[/quote] 你做过类似的效果吗？能不能发一个看看啊，谢谢啦[/quote] 

/**
     * 设置TextView 显示更多
     * 使用方法：
     * textview.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
     *  @Override
     *  public boolean onPreDraw() {
     *  mTvInfo.getViewTreeObserver().removeOnPreDrawListener(this);
     *  NDTextUtil.setEllipsize(...)
     *  return true;
     *   }
     *   });
     * @param textView
     * @param originalText 原始行数
     * @param ellipsizeLine 更多状态下显示的最多行数
     */
    public static void setEllipsize(final Context context, final TextView textView, final String originalText, final int ellipsizeLine){
        if(TextUtils.isEmpty(originalText) || TextUtils.isEmpty(textView.getText().toString())){
            return;
        }
        String more = context.getResources().getString(R.string.info_more);
        String ellipsized = TextUtils.ellipsize(textView.getText(), textView.getPaint(), (float) textView.getWidth() * ellipsizeLine, TextUtils.TruncateAt.END).toString();
        final String ellipsis = context.getResources().getString(R.string.ellipsis);
        if(!ellipsized.endsWith(ellipsis) && !ellipsized.endsWith("...")) {
            textView.setText(originalText);
            return;
        }

        String[] nextLine = ellipsized.split("\n");
        if(nextLine.length > ellipsizeLine){
            Matcher slashMatcher = Pattern.compile("\n").matcher(ellipsized);
            int mIdx = 0;
            while(slashMatcher.find()) {
                mIdx++;
                //当换行符第ellipsizeLine出现的位置
                if(mIdx == ellipsizeLine){
                    break;
                }
            }
            int ellipPos = slashMatcher.start();
            ellipsized = ellipsized.substring(0, ellipPos);
        }
        //替换[更多]的位置点
        int changePos = ellipsized.length() - (ellipsis).length() - more.length() - 2;
        String endStr = ellipsized.substring(changePos < 0 ? 0:changePos, ellipsized.length() - 1);
        String result;
        //如果要截取替换[更多]的字符串包括换行符，则直接把[more]加在文字末尾
        if(endStr.contains("\n")){
            result = ellipsized + more;
        }
        else {
            String tmp = ellipsized.substring(0, changePos < 0 ? 0:changePos);
            result = tmp + (ellipsis) + more;
        }
        textView.setMovementMethod(LinkMovementMethod.getInstance());
        SpannableString spannable = new SpannableString(result);
        ClickableSpan click = new ClickableSpan() {

            @Override
            public void onClick(View widget) {
                String less = context.getResources().getString(R.string.info_less);
                String newText = originalText + less;
                SpannableString spannable = new SpannableString(newText);
                ClickableSpan fullClick = new ClickableSpan() {
                    @Override
                    public void onClick(View widget) {
                        setEllipsize(context, textView, originalText, 2);
                    }

                    @Override
                    public void updateDrawState(TextPaint ds) {
                        ds.setUnderlineText(false);
                        ds.clearShadowLayer();
                    }
                };
                spannable.setSpan(fullClick, 0, newText.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
                spannable.setSpan(new ForegroundColorSpan(context.getResources().getColor(R.color.text_more)),
                        newText.length() - less.length(), newText.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
                textView.setText(spannable);
            }

            @Override
            public void updateDrawState(TextPaint ds) {
                ds.setUnderlineText(false);
                ds.clearShadowLayer();
            }
        };
        spannable.setSpan(click, 0, result.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
        spannable.setSpan(new ForegroundColorSpan(context.getResources().getColor(R.color.text_more)),
                result.length() - more.length(), result.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
        textView.setText(spannable);
    }
[/quote] R.string.info_more R.string.ellipsis R.color.text_more 把这几个贴出来，谢谢
怀君 2016-03-17
  • 打赏
  • 举报
 回复
引用 19 楼 a631855639 的回复:
R.string.info_more == 你的查看全文 R.string.ellipsis == 省略号 R.color.text_more==查看全文的字体颜色 这几个你可以自定义
还有一个 info_less
OceanWong1991 2016-03-16
  • 打赏
  • 举报
 回复
android:lines="2" android:ellipsize="end"
qq_26763799 2016-03-16
  • 打赏
  • 举报
 回复
textview的xml里不是有这两个属性？ android:maxLength="" 放的文字的最大长度 android:ellipsize="end" 省略号出现的位置
画虎烂 2016-03-16
  • 打赏
  • 举报
 回复
这个要动态判断是否省略号，查看全文使用SpannableString
画虎烂 2016-03-16
  • 打赏
  • 举报
 回复
引用 16 楼 liu4113231988 的回复:
[quote=引用 15 楼 a631855639 的回复:] [quote=引用 14 楼 liu4113231988 的回复:] [quote=引用 9 楼 a631855639 的回复:] 这个要动态判断是否省略号，查看全文使用SpannableString
就是这个意思[/quote] 如果需要，可以给你Util[/quote] 你做过类似的效果吗？能不能发一个看看啊，谢谢啦[/quote] 

/**
     * 设置TextView 显示更多
     * 使用方法：
     * textview.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
     *  @Override
     *  public boolean onPreDraw() {
     *  mTvInfo.getViewTreeObserver().removeOnPreDrawListener(this);
     *  NDTextUtil.setEllipsize(...)
     *  return true;
     *   }
     *   });
     * @param textView
     * @param originalText 原始行数
     * @param ellipsizeLine 更多状态下显示的最多行数
     */
    public static void setEllipsize(final Context context, final TextView textView, final String originalText, final int ellipsizeLine){
        if(TextUtils.isEmpty(originalText) || TextUtils.isEmpty(textView.getText().toString())){
            return;
        }
        String more = context.getResources().getString(R.string.info_more);
        String ellipsized = TextUtils.ellipsize(textView.getText(), textView.getPaint(), (float) textView.getWidth() * ellipsizeLine, TextUtils.TruncateAt.END).toString();
        final String ellipsis = context.getResources().getString(R.string.ellipsis);
        if(!ellipsized.endsWith(ellipsis) && !ellipsized.endsWith("...")) {
            textView.setText(originalText);
            return;
        }

        String[] nextLine = ellipsized.split("\n");
        if(nextLine.length > ellipsizeLine){
            Matcher slashMatcher = Pattern.compile("\n").matcher(ellipsized);
            int mIdx = 0;
            while(slashMatcher.find()) {
                mIdx++;
                //当换行符第ellipsizeLine出现的位置
                if(mIdx == ellipsizeLine){
                    break;
                }
            }
            int ellipPos = slashMatcher.start();
            ellipsized = ellipsized.substring(0, ellipPos);
        }
        //替换[更多]的位置点
        int changePos = ellipsized.length() - (ellipsis).length() - more.length() - 2;
        String endStr = ellipsized.substring(changePos < 0 ? 0:changePos, ellipsized.length() - 1);
        String result;
        //如果要截取替换[更多]的字符串包括换行符，则直接把[more]加在文字末尾
        if(endStr.contains("\n")){
            result = ellipsized + more;
        }
        else {
            String tmp = ellipsized.substring(0, changePos < 0 ? 0:changePos);
            result = tmp + (ellipsis) + more;
        }
        textView.setMovementMethod(LinkMovementMethod.getInstance());
        SpannableString spannable = new SpannableString(result);
        ClickableSpan click = new ClickableSpan() {

            @Override
            public void onClick(View widget) {
                String less = context.getResources().getString(R.string.info_less);
                String newText = originalText + less;
                SpannableString spannable = new SpannableString(newText);
                ClickableSpan fullClick = new ClickableSpan() {
                    @Override
                    public void onClick(View widget) {
                        setEllipsize(context, textView, originalText, 2);
                    }

                    @Override
                    public void updateDrawState(TextPaint ds) {
                        ds.setUnderlineText(false);
                        ds.clearShadowLayer();
                    }
                };
                spannable.setSpan(fullClick, 0, newText.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
                spannable.setSpan(new ForegroundColorSpan(context.getResources().getColor(R.color.text_more)),
                        newText.length() - less.length(), newText.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
                textView.setText(spannable);
            }

            @Override
            public void updateDrawState(TextPaint ds) {
                ds.setUnderlineText(false);
                ds.clearShadowLayer();
            }
        };
        spannable.setSpan(click, 0, result.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
        spannable.setSpan(new ForegroundColorSpan(context.getResources().getColor(R.color.text_more)),
                result.length() - more.length(), result.length(), SpannableString.SPAN_INCLUSIVE_INCLUSIVE);
        textView.setText(spannable);
    }
艾特九哥 2016-03-16
  • 打赏
  • 举报
 回复
引用 15 楼 a631855639 的回复:
[quote=引用 14 楼 liu4113231988 的回复:] [quote=引用 9 楼 a631855639 的回复:] 这个要动态判断是否省略号，查看全文使用SpannableString
就是这个意思[/quote] 如果需要，可以给你Util[/quote] 你做过类似的效果吗？能不能发一个看看啊，谢谢啦
画虎烂 2016-03-16
  • 打赏
  • 举报
 回复
引用 14 楼 liu4113231988 的回复:
[quote=引用 9 楼 a631855639 的回复:] 这个要动态判断是否省略号，查看全文使用SpannableString
就是这个意思[/quote] 如果需要，可以给你Util
艾特九哥 2016-03-16
  • 打赏
  • 举报
 回复
引用 9 楼 a631855639 的回复:
这个要动态判断是否省略号，查看全文使用SpannableString
就是这个意思
艾特九哥 2016-03-16
  • 打赏
  • 举报
 回复
引用 11 楼 GeorgeFree 的回复:
android:lines="2" android:ellipsize="end"
这个不可控，效果不是我需要的
艾特九哥 2016-03-16
  • 打赏
  • 举报
 回复
引用 6 楼 xingzhong128 的回复:
[quote=引用 2 楼 wei220000 的回复:] 用framelayout啊。简介全文 设置在右下角，前面用textview，做个字符串长度判断。
首先在xml文件里不要给textview设置ellipse，maxlines等参数 不要设置 不要设置 不要设置 说三遍 然后运行添加textview.getViewTreeObserver().addOnGlobalLayout(new OnGlobal...{ Paint paint = new Piant(); paint..setTextSize(文本的大小); int detailLength = (int) paint.measureText("简介全文"); // 简介全文的宽度 int textviewwidth = textView.getMeasureWidth(); // textview的宽度 int charwidth = detaillength / 4; // 一个字符的宽度 int lastCount = (textviewwidth - detailLength) / charwidth; // 最后一行能显示的字符数 int lines = textview.getLayout().getLineCount(); int lastindex = textview.getLayout().getLineEnd(lines -1); //最后一行最后一个字符 int firstIndex = textview.getLayout().getLineStart(lines - 1) ; // 最后一行第一个字符 String realText = textView.getText().toString(); String showText = null; if （lastIndex > lastCount) { showText = realText.subString(0, firstIndex + lastCount - 3) + "..."; } else { showText = realText.substring(0, realText.length() - 3) + "..."; } textview.setText(showText); } } } 试试吧。。。[/quote] 我试试先，谢谢啦
ganshenml 2016-03-15
  • 打赏
  • 举报
 回复
引用 4 楼 liu4113231988 的回复:
[quote=引用 1 楼 ganshenml 的回复:] 140个字符判断+TextView右侧相对布局看看能不能实现
这个地方字符是可多可少的，最多差不多就是5行吧，我一个朋友说计算字符串宽度然后处理的方法，计算宽度后怎么截取呢，郁闷了[/quote] 突然有个想法，将这摘要内容进行HTML码处理，然后TextView显示出来的时候对HTML解析支持，查看全文这里自动加上相应的HTML标签，这样就不用担心它怎么布局了，因为就单单一个TextView就给处理了，看看能不能行？
xingzhong128 2016-03-15
  • 打赏
  • 举报
 回复
if （lastIndex > lastCount) { 这句应该是lastIndex-firstIndex > lastCount 希望对楼主有用
xingzhong128 2016-03-15
  • 打赏
  • 举报
 回复
引用 2 楼 wei220000 的回复:
用framelayout啊。简介全文 设置在右下角，前面用textview，做个字符串长度判断。
首先在xml文件里不要给textview设置ellipse，maxlines等参数 不要设置 不要设置 不要设置 说三遍 然后运行添加textview.getViewTreeObserver().addOnGlobalLayout(new OnGlobal...{ Paint paint = new Piant(); paint..setTextSize(文本的大小); int detailLength = (int) paint.measureText("简介全文"); // 简介全文的宽度 int textviewwidth = textView.getMeasureWidth(); // textview的宽度 int charwidth = detaillength / 4; // 一个字符的宽度 int lastCount = (textviewwidth - detailLength) / charwidth; // 最后一行能显示的字符数 int lines = textview.getLayout().getLineCount(); int lastindex = textview.getLayout().getLineEnd(lines -1); //最后一行最后一个字符 int firstIndex = textview.getLayout().getLineStart(lines - 1) ; // 最后一行第一个字符 String realText = textView.getText().toString(); String showText = null; if （lastIndex > lastCount) { showText = realText.subString(0, firstIndex + lastCount - 3) + "..."; } else { showText = realText.substring(0, realText.length() - 3) + "..."; } textview.setText(showText); } } } 试试吧。。。
艾特九哥 2016-03-15
  • 打赏
  • 举报
 回复
引用 3 楼 u010668114 的回复:
上面说的都能实现，但是有一个难点，就是如果规定固定的字数长度，会因为屏幕尺寸不同，所以最后一行剩余空间不同，导致不一定能放得下简介全文四个字，就可能出现重叠现象。
字符长度不定的，可多可少，总共是5行的
艾特九哥 2016-03-15
  • 打赏
  • 举报
 回复
引用 1 楼 ganshenml 的回复:
140个字符判断+TextView右侧相对布局看看能不能实现
这个地方字符是可多可少的，最多差不多就是5行吧，我一个朋友说计算字符串宽度然后处理的方法，计算宽度后怎么截取呢，郁闷了
加载更多回复（3）
Android中的TextView实现多行显示省略号
问题TextView显示内容的时候，多行显示的时候，显示省略号的问题，简便的方法就是在TextView中添加这两个属性的设置即可(显示两行，显示不全的话，用省略号代替) 如：最多显示两行，显示不全时，添加省略号显示。  android:lines="2"            android:ellipsize="end" //动态根据是否出现省略号来显示弹出层  if (Moti
【Android】TextView的省略号问题
开发中，发现一个TextView的省略号问题(如下图)：在列表展示订单信息时，终点地址需要在该行显示不下时进行省略号处理。但是有的终点地址TextView显示字数很少就打省略号，有的2个字就开始打省略号，有的三个字开始打省略号，导致后面留下很多空白。这个应该算是TextView的bug吧。 经过若干尝试，问题都没有完全解决。尝试过更换和修改布局，都无济于事。也尝试过在adapter中根据文本长度动态设置宽度(setWidth)，这样能优化一下，但是不能完美解决问题。 后来偶然间尝试在adapter中动态调
android TextView 超出长度使用省略号
在布局中，大部分人喜欢设置 wrap_content、match_parent 为TextView的宽高。match_parent 和wrap_content 这两个参数又不是一个明确的值，导致省略号无法显示(因为系统不知道边界在哪)在Android中最常见的需求，就是在在外部展示信息时，需要简要展示内容。
Android中TextView内容过长未显示省略号的问题
问题描述： 按照UI设计，某个页面展示数据超长时，需要显示出省略号。 预期展示（有省略号）： 实际展示（无省略号）： 具体代码： &amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&amp;gt; &amp;lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&
android中TextView内容显示过长,内容显示省略号
在android开发中可能会遇到这样的问题,一个EidtText或者textview只能占据一行,但是由于显示的内容过多,造成折行的问题,我们可以采取如下措施（EditText不支持marquee） android:ellipsize="middle" android:singleLine="true" 这样显示的内容过长时,中间的内容会以省略号代替来减少长度 如果需要省略号显示在右端,左端,可以改变属性android:ellipsize的取值即可 android:ellipsize = "end.
Android

80,350

社区成员

91,288

社区内容

发帖
与我相关
我的任务
社区描述
移动平台 Android
androidandroid-studioandroidx 技术论坛（原bbs）
社区管理员
  • Android
  • yechaoa
  • 失落夏天
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章