• 使用android SpannableStringBuilder实现图文混排,看到许多其他


    项目开发需要达到这种效果


    多余两行,两行最后是省略号,省略号后面是下拉很多其它

    之前用过的是Html.fromHtml去处理图文混排的,不过文字后图片或者文字颜色字体什么的。

    可是这里须要在最后文字的省略号后面加入图片。

    直接上代码吧,代码凝视非常多,慢慢研究

    private void toggleEllipsize(final TextView tv,final String desc){
    		if(desc == null){
    		return;
    		}
    		tv.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
    			
    			@Override
    			public void onGlobalLayout() {
    				boolean isEllipsized = (tv.getTag()==null||tv.getTag().equals(false))?

    false:(Boolean)tv.getTag(); if(isEllipsized){ tv.setTag(false); tv.setText(desc); }else{ tv.setTag(true); int paddingLeft = tv.getPaddingLeft(); int paddingRight = tv.getPaddingRight(); TextPaint paint = tv.getPaint(); float moreText = tv.getTextSize()*3; float availableTextWidth = (tv.getWidth()-paddingLeft-paddingRight)*2-moreText; CharSequence ellipsizeStr = TextUtils.ellipsize(desc,paint,availableTextWidth,TextUtils.TruncateAt.END); if(ellipsizeStr.length()<desc.length()){ /*String html = "<img src='game_info_lookmore'/>"; CharSequence charSequence = Html.fromHtml(html, new ImageGetter() { @Override public Drawable getDrawable(String source) { Drawable drawable = getResources().getDrawable( getResourceId(source)); drawable.setBounds( 0, 0, drawable.getIntrinsicWidth() - DensityUtil.dip2px(GridGameInfoActivity.this, 3), drawable.getIntrinsicHeight() - DensityUtil.dip2px(GridGameInfoActivity.this, 1)); return drawable; } }, null); ellipsizeStr = ellipsizeStr.toString() + charSequence.toString();*/ CharSequence temp = ellipsizeStr+"."; SpannableStringBuilder ssb = new SpannableStringBuilder(temp); Drawable dd = getResources().getDrawable(R.drawable.game_info_lookmore); dd.setBounds(0, 0, dd.getIntrinsicWidth(), dd.getIntrinsicHeight()); ImageSpan is = new ImageSpan(dd, ImageSpan.ALIGN_BASELINE); ssb.setSpan(is, temp.length()-1, temp.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE); // int yellow = getResources().getColor(R.color.red); // ssb.setSpan(new ForegroundColorSpan(yellow),ssb.length()-2,ssb.length(),Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); tv.setText(ssb); tv.setMovementMethod(LinkMovementMethod.getInstance()); }else{ tv.setText(desc); } } if(Build.VERSION.SDK_INT>=16){ tv.getViewTreeObserver().removeOnGlobalLayoutListener(this); }else{ tv.getViewTreeObserver().removeGlobalOnLayoutListener(this); } } }); }


    主要是通过SpannableStringBuilder把省略的文字和最后的图片给拼接起来。也能够最后拼接的是文字。

    不让...很多其它

    转篇博客:

    Android spannableStringBuilder使用方法整理

    spannableStringBuilder 使用方法具体解释:
     SpannableString ss = new SpannableString("红色打电话斜体删除线绿色下划线图片:.");  
             //用颜色标记文本
             ss.setSpan(new ForegroundColorSpan(Color.RED), 0, 2,  
                     //setSpan时须要指定的 flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包含).
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
             //用超链接标记文本
             ss.setSpan(new URLSpan("tel:4155551212"), 2, 5,  
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
             //用样式标记文本(斜体)
             ss.setSpan(new StyleSpan(Typeface.BOLD_ITALIC), 5, 7,  
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
             //用删除线标记文本
             ss.setSpan(new StrikethroughSpan(), 7, 10,  
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
             //用下划线标记文本
             ss.setSpan(new UnderlineSpan(), 10, 16,  
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
             //用颜色标记
             ss.setSpan(new ForegroundColorSpan(Color.GREEN), 10, 13,  
                     Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
             //获取Drawable资源
             Drawable d = getResources().getDrawable(R.drawable.icon);  
             d.setBounds(0, 0, d.getIntrinsicWidth(), d.getIntrinsicHeight());
             //创建ImageSpan
             ImageSpan span = new ImageSpan(d, ImageSpan.ALIGN_BASELINE);
             //用ImageSpan替换文本
             ss.setSpan(span, 18, 19, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);  
             txtInfo.setText(ss);
             txtInfo.setMovementMethod(LinkMovementMethod.getInstance()); //实现文本的滚动  
    通经常使用于显示文字,但有时候也须要在文字中夹杂一些图片,比方QQ中就能够使用表情图片,又比方须要的文字高亮显示等等。怎样在android中也做到这样呢? 
    记得android中有个android.text包,这里提供了对文本的强大的处理功能。 
    加入图片主要用SpannableString和ImageSpan类:
     
         Drawable drawable = getResources().getDrawable(id);  
            drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());  
            //须要处理的文本,[smile]是须要被替代的文本  
            SpannableString spannable = new SpannableString(getText().toString()+"[smile]");  
            //要让图片替代指定的文字就要用ImageSpan  
            ImageSpan span = new ImageSpan(drawable, ImageSpan.ALIGN_BASELINE);  
            //開始替换。注意第2和第3个參数表示从哪里開始替换到哪里替换结束(start和end)  
           //最后一个參数相似数学中的集合,[5,12)表示从5到12,包含5但不包含12  
            spannable.setSpan(span, getText().length(),getText().length()+"[smile]".length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);    
            setText(spannable);  
     
    将须要的文字高亮显示: 
     
     
     
    public void highlight(int start,int end){  
            SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());//用于可变字符串  
            ForegroundColorSpan span=new ForegroundColorSpan(Color.RED);  
            spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
            setText(spannable);  
        }  
       
    加下划线: 
     
     
     
    public void underline(int start,int end){  
            SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());  
            CharacterStyle span=new UnderlineSpan();  
            spannable.setSpan(span, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
            setText(spannable);  
        }  
       
    组合运用:
     
     
     
    SpannableStringBuilder spannable=new SpannableStringBuilder(getText().toString());  
            CharacterStyle span_1=new StyleSpan(android.graphics.Typeface.ITALIC);  
            CharacterStyle span_2=new ForegroundColorSpan(Color.RED);  
            spannable.setSpan(span_1, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
            spannable.setSpan(span_2, start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
            setText(spannable);  
       
    案例:带有
    换行符的字符串都能够用此方法显示2种颜色
     
     
     
        /** 
         * 带有
    换行符的字符串都能够用此方法显示2种颜色 
         * @param text 
         * @param color1 
         * @param color2 
         * @return 
         */  
        public SpannableStringBuilder highlight(String text,int color1,int color2,int fontSize){  
            SpannableStringBuilder spannable=new SpannableStringBuilder(text);//用于可变字符串  
            CharacterStyle span_0=null,span_1=null,span_2;  
            int end=text.indexOf("
    ");  
            if(end==-1){//假设没有换行符就使用第一种颜色显示  
                span_0=new ForegroundColorSpan(color1);  
                spannable.setSpan(span_0, 0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
            }else{  
                span_0=new ForegroundColorSpan(color1);  
                span_1=new ForegroundColorSpan(color2);  
                spannable.setSpan(span_0, 0, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
                spannable.setSpan(span_1, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
                  
                span_2=new AbsoluteSizeSpan(fontSize);//字体大小  
                spannable.setSpan(span_2, end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
            }  
            return spannable;  
        }


    有疑问能够留言,交流讨论

    版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 相关阅读:
    JS DOM编程艺术——DOM获取元素—— JS学习笔记2015-7-6(第77天)
    JS DOM编程艺术的学习—— JS学习笔记2015-7-5(第76天)
    面向对象的程序设计1 理解对象—— JS学习笔记2015-7-4(第75天)
    JS 引用类型 Math 对象 JS学习笔记2015-7-3(第74天)
    JS 引用类型和值类型
    HTML5之应用缓存---manifest---缓存使用----Web前端manifest缓存
    易懂 易上手的cookie 最简单明了 js中cookie的使用方法及教程
    iOS开发-面试总结(十一)
    iOS开发-面试总结(十)
    iOS开发-面试总结(九)
  • 原文地址:https://www.cnblogs.com/blfshiye/p/4613918.html
Copyright © 2020-2023  润新知