Android修行手册-简单的玩玩TextView

点击跳转=>熬夜再战Android从青铜到王者-开发效率插件篇

点击跳转=>Unity粒子特效系列-龙卷风预制体做好了，unitypackage包直接用！

点击跳转=>姐姐喊我解锁套娃新技能：FairyGUI在Unity中实现List嵌套List/立体画廊等，玩出花儿来

点击跳转=>Unity新手必备5款宝藏插件–价值上千元白嫖最新版

承接上文 ： Android修行手册-玩转TextView，想不到有这么多属性

👉关于作者

---

众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣 ！！！

专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）

有什么需要欢迎私我，交流群让学习不再孤单。

👉前提

---

这是小空熬夜写的Android新手向系列，欢迎品尝。

前面小空带大家了解了TextView的属性，实践了一些自定义粗细，阴影效果，链接形文字。

但这还仅仅局限在用她本身的能力来实现的，那么她还能有什么花样呢？

我们先提出三个问题：

1. 例如有些时钟的显示，那如何让文本带有动画效果？

2. 例如如何让一个文本支持多种颜色和大小？

3. 那有没有统一快捷的方案？

我们带着疑问来看解决方案，大佬直接看最后开源项目。

👉实践过程

---

😜如何实现drawable的动画？

我们用帧动画举例，准备一个序列帧动画，放到drawable-xxhdpi下，在drawable文件夹下创建个动画xml（Android动画是个不小的知识点，后面我们学）配置好，然后在布局中引用。

test_tsxt_anim.xml

<?xml version="1.0" encoding="utf-8"?>

布局引用

<TextView

android:id=“@+id/test_text_anim”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:drawableTop=“@drawable/test_tsxt_anim”

android:text=“接着奏乐，接着舞” />

之后在代码中执行

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_test);

testTextAnim = (TextView) findViewById(R.id.test_text_anim);

Drawable[] drawables = testTextAnim.getCompoundDrawables();

for (Drawable drawable : drawables) {

if (drawable instanceof Animatable) {

((Animatable) drawable).start();

}

}

}

获取view之后利用getCompoundDrawables得到图片，用if判断是否为实现类Animatable的drawable，如下，虽然shape和selector也能用，但是只有animation的if (drawable instanceof Animatable) 才为true。

运行效果：

不过，有的同学会提问：这再怎么看和TextView动画也没关系啊，确实。这只是简单提了提，因为这方面有相关的三方库方便使用，所以详情看前辈的项目即可。感谢开源精神！

😜图文混排

Android官方对TextView的图文混排提供了支持，只需要用HTML语言即可，实现的效果很丰富。

private String testHtml = “<font color=”#f0717e">人只要活得够久，就总能遇上被自己<font color=“#f0717e”>蠢到的那一天";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_test);

testTextAnim = (TextView) findViewById(R.id.test_text_anim);

testTextAnim.setText(Html.fromHtml(testHtml, Html.FROM_HTML_MODE_COMPACT));

}

运行效果：

上面是使用的html标签来实现的形式，其实还有一个就是利用SpannableString

testTextSpan1 = (TextView) findViewById(R.id.test_text_span1);

testTextSpan2 = (TextView) findViewById(R.id.test_text_span2);

SpannableString spannableString = new SpannableString(“千重要，万重要，一技之长最重要”);

spannableString.setSpan(new ForegroundColorSpan(Color.parseColor(“#FF0000”)), 2, spannableString.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

spannableString.setSpan(new BackgroundColorSpan(Color.parseColor(“#00ff00”)), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

testTextSpan1.setText(spannableString);

Spannable sp = new SpannableString(“啊，这该死的高级感”);

sp.setSpan(new AbsoluteSizeSpan(20, true), 0, 2, Spannable.SPAN_INCLUSIVE_INCLUSIVE);

sp.setSpan(new AbsoluteSizeSpan(12, true), 2, 3, Spannable.SPAN_INCLUSIVE_INCLUSIVE);

sp.setSpan(new AbsoluteSizeSpan(30, true), 3, sp.length(), Spannable.SPAN_INCLUSIVE_INCLUSIVE);

sp.setSpan(new ForegroundColorSpan(Color.parseColor(“#0000ff”)), 2, sp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);