Android上如何让TextView上的字体放大且自滚动

作者：Yogi

前言：此篇文章告诉你如何让TextView的字体放大且能够自滚动。

背景

TextView是listView上item的一个控件，要求如下：

1.当未被选中时，正常字体大小，若不能完全显示，则自滚动

2.当被选中时，字体放大一定倍数，若不能完全显示，则自滚动。

解决办法

解决要求1

针对要求1，我们可以继承TextView，定义一个超出显示范围则自滚动的控件，并在layout文件中使用这个控件，自定义控件代码如下：

package com.yogi.view;
import android.content.Context;
import android.util.AttributeSet;
import android.widget.TextView;

public class MarqueeTextView extends TextView {

public MarqueeTextView(final Context context, final AttributeSet attrs,
final int defStyle) {
super(context, attrs, defStyle);
}

public MarqueeTextView(final Context context, final AttributeSet attrs) {
super(context, attrs);
}

public MarqueeTextView(final Context context) {
super(context);
}

@Override
public final boolean isFocused() {
return true;
}
}

布局文件代码如下：

<com.yogi.view.MarqueeTextView
android:id="@+id/channel_num"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#00000000"
android:textColor="@color/textColor_normal"
android:textSize="@dimen/channel_list_item_text_size"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:singleLine="true"
/>

解决要求2

针对要求2，开始我们采用了动画的形式，在onItemSelected中调用如下代码：

public void selected() {
if (!isZoomOut) {
mTvLcn.startAnimation(biggerAnim);
isZoomOut = !isZoomOut;
}
}

动画代码如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true"
android:fillEnabled="true">
<scale
android:fromXScale="100%" android:toXScale="130%"
android:fromYScale="100%" android:toYScale="130%"
android:pivotX="0%" android:pivotY="50%"
android:duration="100"
/>
</set>

但是发现

1.正常字体大小时未超出显示范围，但字体放大后的文本已经超出显示范围了，可是并没有自滚动

2.正常字体大小时，就超出显示范围的文本，在未被选中时，就会自滚动，当字体放大后，依然会自滚动，可是自滚动时，字体大小与正常大小一致，并没有保持字体放大后的效果

所以这样的解决方法是不行的。我们需要另想办法。

可是为何会出现上述情况呢？为何自滚动时，被放大的字体会变成正常字体大小呢？为何正常字体大小未超出显示范围时，即使放大后的文本已经超出显示范围了，却依然没有自滚动呢？

我的猜测：TextView是以什么来衡量是否超出显示范围的？以设定死的textSize来计算并与显示范围进行比较来判断的？

想到这个，我验证了一下，的确如此。所以代码改成了如下：

public void selected() {
if (!isZoomOut) {
mTvLcn.startAnimation(biggerAnim);
LogUtil.d(TAG, "selected mTvLcn.getTextSize()=" + mTvLcn.getTextSize());
mTvProgramName.setTextSize(BIG_TEXT_SIZE);
isZoomOut = !isZoomOut;
}
}

而且，通过在setTextSize前的打印，你会发现即使调用了放大的动画，在界面表现上字体确实放大了，但是在代码中textSize并没有放大，而是正常大小，必须显式地调用setTextSize，此textView的字体大小才真正改变，TextView就能够自滚动。

总结

让TextView自滚动，只要重写isFocused函数并返回true即可。要让放大后的文本自滚动，必须显式地调用setTextSize。