TextView图文混排,显示添加的图片,三种常用方法,亲测

图文混排,文字就不说了,主要是显示图片的方法








1、TextView使用ImageSpan显示图片
[java]  view plain copy
  1. <span style="font-size:18px;">ImageSpan span = new ImageSpan(this, R.drawable.ic_launcher);//加载图片的资源  
  2. SpannableString spanStr = new SpannableString("http://orgcent.com");//不想要这个字符串可以试试空字符串  
  3. spanStr.setSpan(span, spanStr.length()-1, spanStr.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);  
  4. mTVText.setText(spanStr);//完成添加</span>  

2.使用Html类进行添加,可达到如图效果,本方法主要是使用html标签的操作,所有内容可以很丰富,其他用途可自查sdk文档

完整源码:TextView图文混排

[java]  view plain copy
  1. <span style="font-size:18px;">public int getResourceId(String name) {  
  2.         try {  
  3.             // 根据资源的ID的变量名获得Field的对象,使用反射机制来实现的  
  4.             Field field = R.drawable.class.getField(name);  
  5.             // 取得并返回资源的id的字段(静态变量)的值,使用反射机制  
  6.             return Integer.parseInt(field.get(null).toString());  
  7.         } catch (Exception e) {  
  8.             // TODO: handle exception  
  9.         }  
  10.         return 0;  
  11.     }  
  12.   
  13.     @Override  
  14.     public void onCreate(Bundle savedInstanceState) {  
  15.         super.onCreate(savedInstanceState);  
  16.         setContentView(R.layout.main);  
  17.         TextView textView = (TextView) this.findViewById(R.id.textview);  
  18.         textView.setTextColor(Color.BLACK);  
  19.         textView.setBackgroundColor(Color.WHITE);  
  20.         textView.setTextSize(20);// 设置字体的大小  
  21.         String html = "图像1<img src='image1'/>图像2<img src='image2'/>图像3<img src='image3'/><p>";  
  22.         html += "图像4<a href='http://www.baidu.com'><img src='image4'></a>图像5<img src='image5'/>";  
  23.   
  24.         CharSequence charSequence = Html.fromHtml(html, new ImageGetter() {  
  25.   
  26.             @Override  
  27.             public Drawable getDrawable(String source) {  
  28.                 // TODO Auto-generated method stub  
  29.                 // 获得系统资源的信息,比如图片信息  
  30.                 Drawable drawable = getResources().getDrawable(  
  31.                         getResourceId(source));  
  32.                 // 第三个图片文件按照50%的比例进行压缩  
  33.                 if (source.equals("image3")) {  
  34.                     drawable.setBounds(00, drawable.getIntrinsicWidth() / 2,  
  35.                             drawable.getIntrinsicHeight() / 2);  
  36.                 } else {  
  37.                     drawable.setBounds(00, drawable.getIntrinsicWidth(),  
  38.                             drawable.getIntrinsicHeight());  
  39.                 }  
  40.                 return drawable;  
  41.             }  
  42.         }, null);  
  43.         textView.setText(charSequence);  
  44.         textView.setMovementMethod(LinkMovementMethod.getInstance());</span>  

Html类可以将一些常用的html标签进行格式化显示

3、在TextView四周显示图片
[java]  view plain copy
  1. <span style="font-size:18px;">mTVText.setText("setCompoundDrawables");//添加文字  
  2. Drawable d = getResources().getDrawable(R.drawable.ic_launcher);//获取图片资源  
  3. d.setBounds(005050); //必须设置图片大小,否则不显示  
  4. mTVText.setCompoundDrawables(d , nullnullnull);设置图片显示的位置(上下左右),此方法的不同之处</span>  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值