Android文字环绕效果

最近在考题系统上给每个题目增加一个单选、多选还是判断的一个标记的时候，遇到了点麻烦，现记录下来，以备不时之需，效果如下：

首先说明下，哪个类型的type不是图片，是个文字加一个背景图，我的实现方式也很简单，就是利用系统的SpannableStringBuilder，不过我这里偷懒了，使用一个别人封装好的工具，地址如下：https://github.com/binaryfork/Spanny，但是如果你要达到我这个目的的话，直接去使用，你会发现总有问题，因为不仅仅只有图片，还有文字，系统和Spanny只能提供要么插入文字，要么插入图片，或者给文字设置背景色，但是如果是要对文字加个背景就有点为难了，那怎么办呢？
嘿嘿，这里面我采用了一个迂回战术，那就是既然Spanny 支持将一张图片进行插入，那么我就将文字以及文字的背景整个转化成一张图片不就完事了么？
ok，既然这么想到了，那就开始动手，代码如下：

tv.setDrawingCacheEnabled(true);
tv.measure(View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED),View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
tv.layout(0, 0, tv.getMeasuredWidth()+16, tv.getMeasuredHeight());
Bitmap bitmap = Bitmap.createBitmap(tv.getDrawingCache());

通过上面的代码已经将文字和它的背景已经成功转化为一张图片了，但是到这里，一定要注意还要加上这样一句代码：tv.destroyDrawingCache();随手释放资源，这是个好习惯，必须要记住。^_^

最难的部分已经完成了，那最后就是把图片插入进去就行了，代码如下：

spanny.append(question.question, new ImageSpan(getActivity(),bitmap)) ;
//将内容设置到对应的控件
mTv_question_body.setText(spanny);

PS: 可能对于文字环绕效果，有些童鞋可能会用这个MixtureTextView 但是个人感觉这个某些场景下会有问题，比如我上面的这个需求就不能正常使用，顺带说一句，如果直接利用系统提供的API就能满足需求的话，那还是尽可能的使用系统API吧，必须兼容性和稳定性方面能更好的保障。

Android文字环绕效果相关推荐

（转）css中通常会用到浮动与清除，也是一个必须掌握的知识点，概念性的东西不多说，下面举几个例子，来说明它的用法：1.文字环绕效果 2.多个div并排显示 3.清除浮动（默认显示）...
一.文字环绕效果: html代码如下: 1 <body>2 3 <style type="text/css">4 #big img {float: left ...
这样的文字环绕效果，你绝对没有见过！
图片环绕文字大家太熟悉了,这是初学css必须经历的效果之一. 但是你有没有想过让文字按照我们想要的方式进行环绕呢? 我是渡一子辰老师,今天就来教大家实现这种奇妙的环绕方式. 下图这种效果在一些设计感强 ...
html5图片文字环绕效果,HTML5实现Word中文字全环绕图片效果
实现这个功能是当时看见数字报的展示出来的编排方式,就是图片+热点,而且下载打开还是PDF的,让我这个WP用户咋个看.想实现Word中的编排方式,也需要浏览器支持Word插件,火狐.谷歌.Opera这些 ...
Android文字描边效果实现
前言最近项目用到了文字的描边效果,本来以为是个很简单的东西,从网上搜了不少实现,但实际做出来的效果却很难达到要求,这里简单记录自己的实现方法. 实现接口 Android二维绘制的Paint画笔工具有 ...
android文字闪动效果
原本faceBook早就有类似强大效果.文中也是参考faceBook和网上资料,改编的轻量级工具. 效果如下: 使用及其简单: EditText et = (EditText) findViewByI ...
文字环绕图片效果实现
书接上回,我们来讲讲如何实现"文字环绕图片"的效果吧.整体预计实现的效果如下: 日常杂谈我喜欢看动漫,接下来的所有博客都会和我日常生活结合在一起写,这样感觉会让自己的博客会有温度 ...
web前端入门学习 css（7）css高级技巧（精灵图、字体图标、css三角、鼠标样式、表单轮廓线、文本框拖拽、垂直对齐、图底空白缝隙、margin负值、溢出文字省略号、文字环绕、css初始化）
文章目录精灵图为什么需要精灵图? 精灵图的使用精灵图课堂案例用精灵图拼出自己的名字字体图标字体图标的下载字体图标的引入字体图标的追加 css三角(用边框border制作) 案例:京东三 ...
CSS实现图片居中显示的文字环绕功能
核心:利用 float 浮动属性首先我们来看一下普通的图片文字环绕怎么实现图片文字环绕的原理: 图片添加浮动,脱离文档流下面的文本盒子就会往上移动只有盒子元素才会被覆盖,文本是一个真实的dom ...
Shapes布局-文字环绕动画
文章目录说明实现以及语法动画渐变裁切图形变换的动画效果说明 Shapes也有形状.图形的意思,我们可以在页面中创建图形,并让内容环绕在定义的图形边上. Shapes的官方文档:https: ...

Android文字环绕效果

Android文字环绕效果相关推荐

最新文章

热门文章