在android开发中,我们常常需要对文字和图片进行一些排版,以提升客户体验度。要让图文混排更加友好,这个功能怎么实现呢?不妨可以尝试android SpannableStringBuilder来实现图文混排,而如果想要更多其他的效果的话,也可以进行修改调整实现。
废话不多说,直接上代码,大家自己琢磨研究吧:
private voidtoggleEllipsize(final TextView tv,final String desc){
if(desc ==null){
return;
}
tv.getViewTreeObserver().addOnGlobalLayoutListener(newOnGlobalLayoutListener() {
@Override
public voidonGlobalLayout() {
booleanisEllipsized =(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;
floatavailableTextWidth = (tv.getWidth()-paddingLeft-paddingRight)*2-moreText;
CharSequenceellipsizeStr = TextUtils.ellipsize(desc,paint,availableTextWidth,TextUtils.TruncateAt.END);
if(ellipsizeStr.length()<desc.length()){
/*String html = "<imgsrc='game_info_lookmore'/>";
CharSequence charSequence =Html.fromHtml(html, new ImageGetter() {
@Override
public Drawable getDrawable(Stringsource) {
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 = newSpannableStringBuilder(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(newForegroundColorSpan(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);
}
}
});
}
AndroidspannableStringBuilder更多用法整理:
spannableStringBuilder用法详解:
SpannableStringss = new SpannableString("红色打电话斜体删除线绿色下划线图片:.");
//用颜色标记文本
ss.setSpan(newForegroundColorSpan(Color.RED), 0, 2,
//setSpan时需要指定的 flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括).
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//用超链接标记文本
ss.setSpan(newURLSpan("tel:4155551212"), 2, 5,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//用样式标记文本(斜体)
ss.setSpan(newStyleSpan(Typeface.BOLD_ITALIC), 5, 7,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//用删除线标记文本
ss.setSpan(newStrikethroughSpan(), 7, 10,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//用下划线标记文本
ss.setSpan(newUnderlineSpan(), 10, 16,
Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
//用颜色标记
ss.setSpan(newForegroundColorSpan(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类:
Drawabledrawable = getResources().getDrawable(id);
drawable.setBounds(0,0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());
//需要处理的文本,[smile]是需要被替代的文本
SpannableStringspannable = 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 voidhighlight(int start,int end){
SpannableStringBuilderspannable=new SpannableStringBuilder(getText().toString());//用于可变字符串
ForegroundColorSpanspan=new ForegroundColorSpan(Color.RED);
spannable.setSpan(span,start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
setText(spannable);
}
加下划线:
public voidunderline(int start,int end){
SpannableStringBuilderspannable=new SpannableStringBuilder(getText().toString());
CharacterStylespan=new UnderlineSpan();
spannable.setSpan(span,start, end, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
setText(spannable);
}
组合运用:
SpannableStringBuilderspannable=new SpannableStringBuilder(getText().toString());
CharacterStylespan_1=new StyleSpan(android.graphics.Typeface.ITALIC);
CharacterStylespan_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);
案例:带有\n换行符的字符串都可以用此方法显示2种颜色
/**
* 带有\n换行符的字符串都可以用此方法显示2种颜色
* @param text
* @param color1
* @param color2
* @return
*/
publicSpannableStringBuilder highlight(String text,int color1,int color2,intfontSize){
SpannableStringBuilderspannable=new SpannableStringBuilder(text);//用于可变字符串
CharacterStylespan_0=null,span_1=null,span_2;
intend=text.indexOf("\n");
if(end==-1){//如果没有换行符就使用第一种颜色显示
span_0=newForegroundColorSpan(color1);
spannable.setSpan(span_0,0, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}else{
span_0=newForegroundColorSpan(color1);
span_1=newForegroundColorSpan(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=newAbsoluteSizeSpan(fontSize);//字体大小
spannable.setSpan(span_2,end+1, text.length(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
}
returnspannable;
}
以上就是使用androidSpannableStringBuilder实现图文混排的源码,单看代码,可能很难看出其具体展现出来的是什么,大家可以将上面源码,放在自己本地运行,观看效果,也可以根据自己的需要调整修改,实现不同的效果。
相关文章:《android studio中常用设置及其方法详解》