TextView图文混排,显示添加的图片,三种常用方法,亲测
图文混排,文字就不说了,主要是显示图片的方法
1、TextView使用ImageSpan显示图片
- <span style="font-size:18px;">ImageSpan span = new ImageSpan(this, R.drawable.ic_launcher);//加载图片的资源
- SpannableString spanStr = new SpannableString("http://orgcent.com");//不想要这个字符串可以试试空字符串
- spanStr.setSpan(span, spanStr.length()-1, spanStr.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
- mTVText.setText(spanStr);//完成添加</span>
2.使用Html类进行添加,可达到如图效果,本方法主要是使用html标签的操作,所有内容可以很丰富,其他用途可自查sdk文档
完整源码:TextView图文混排
- <span style="font-size:18px;">public int getResourceId(String name) {
- try {
- // 根据资源的ID的变量名获得Field的对象,使用反射机制来实现的
- Field field = R.drawable.class.getField(name);
- // 取得并返回资源的id的字段(静态变量)的值,使用反射机制
- return Integer.parseInt(field.get(null).toString());
- } catch (Exception e) {
- // TODO: handle exception
- }
- return 0;
- }
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.main);
- TextView textView = (TextView) this.findViewById(R.id.textview);
- textView.setTextColor(Color.BLACK);
- textView.setBackgroundColor(Color.WHITE);
- textView.setTextSize(20);// 设置字体的大小
- String html = "图像1<img src='image1'/>图像2<img src='image2'/>图像3<img src='image3'/><p>";
- html += "图像4<a href='http://www.baidu.com'><img src='image4'></a>图像5<img src='image5'/>";
- CharSequence charSequence = Html.fromHtml(html, new ImageGetter() {
- @Override
- public Drawable getDrawable(String source) {
- // TODO Auto-generated method stub
- // 获得系统资源的信息,比如图片信息
- Drawable drawable = getResources().getDrawable(
- getResourceId(source));
- // 第三个图片文件按照50%的比例进行压缩
- if (source.equals("image3")) {
- drawable.setBounds(0, 0, drawable.getIntrinsicWidth() / 2,
- drawable.getIntrinsicHeight() / 2);
- } else {
- drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
- drawable.getIntrinsicHeight());
- }
- return drawable;
- }
- }, null);
- textView.setText(charSequence);
- textView.setMovementMethod(LinkMovementMethod.getInstance());</span>
Html类可以将一些常用的html标签进行格式化显示
- <span style="font-size:18px;">mTVText.setText("setCompoundDrawables");//添加文字
- Drawable d = getResources().getDrawable(R.drawable.ic_launcher);//获取图片资源
- d.setBounds(0, 0, 50, 50); //必须设置图片大小,否则不显示
- mTVText.setCompoundDrawables(d , null, null, null);设置图片显示的位置(上下左右),此方法的不同之处</span>
TextView图文混排,显示添加的图片,三种常用方法,亲测相关推荐
- word图文混排复制到UEditor图片不显示
word图片转存,是指UEditor为了解决用户从word中复制了一篇图文混排的文章粘贴到编辑器之后,word文章中的图片数据无法显示在编辑器中,也无法提交到服务器上的问题而开发的一个操作简便的图片转 ...
- TextView图文混排
大家都知道,textView有一个setCompoundDrawables的方法来设置上下左右位置的图标,当然,也可以在xml布局文件中设置,然而问题来了,假如我们把图标放在左边,当我们让TextVi ...
- word图文混排复制到xhEditor图片不显示
1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java.前端为Jsp(前端都一样,后台如果语言不通得自己做 Base6 ...
- word图文混排复制到TinyMCE图片不显示
由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直 ...
- word图文混排复制到eWebEditor图片不显示
如何做到 ueditor批量上传word图片? 1.前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
- word图文混排复制到CKEditor图片不显示
Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...
- word图文混排复制到FCKEditor图片不显示
Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能.但是无 ...
- word图文混排复制到JMEditor图片不显示
tinymce是很优秀的一款富文本编辑器,可以去官网下载.https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用. http ...
- word图文混排复制到CuteEditor图片不显示
tinymce是很优秀的一款富文本编辑器,可以去官网下载.https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用. umed ...
最新文章
- 如何使用 50 行 Python 代码制作一个计算器
- linux下安装java环境(ubuntu和centos)
- ubuntu下搜索文件
- 关于最佳线程数的计算的准确理解
- 什么是光纤通道交换机(FC SWITCH)
- java 监听写文件的进度_java读取文件显示进度条的实现方法
- mysql临时表数量_MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
- Spring Boot学习笔记(二)——HelloWorld实现
- Sigmatel37xx GPIO的使用
- 【笔记】生成函数与大背包问题
- 人人都能学会的python编程教程4:关系运算符与循环
- Oracle中将小数转换成字符丢零.截取小数.除数为零解决法
- url重写(urlrewrite.xml)
- R语言使用geomtextpath包的coord_curvedpolar函数和coord_polar函数可视化时间表盘(time dial plate)
- 数据恢复软件从iOS恢复Safari浏览记录
- 《Node.js开发指南》MicroBlog项目的问题汇总
- 用英雄联盟的方式讲解JavaScript设计模式!
- 【anaconda创建虚拟环境】
- 使用Java统计某个目录下各种类型文件的数量
- 杠铃卧推:平板、上斜、下斜杠铃卧推动作图解教程
热门文章
- 【Android 逆向】修改运行中的 Android 进程的内存数据 ( 使用 IDA 分析要修改的内存特征 | 根据内存特征搜索修改点 | 修改进程内存 )
- 【Android 插件化】Hook 插件化框架 ( Hook 技术 | 代理模式 | 静态代理 | 动态代理 )
- 【RecyclerView】 四、RecyclerView 布局 ( 网格局管理器 GridLayoutManager )
- 【Android 应用开发】Paint 滤镜原理 之 颜色矩阵 ( 颜色模式 | 颜色通道 | 颜色矩阵 | 矩阵运算 | 矩阵乘法 | 矩阵加法 | 颜色矩阵深入解析 )
- 【干货】SqlServer 总结几种存储过程分页的使用
- 移动端整屏滑动的实现
- 模拟摇奖:从1-36中随机抽出8个不重复的数字
- 【Java4】IO重定向
- C++输入输出进制、数据宽度与对齐、精度、取整
- 二、创作网站 (三) Creating custom content types