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

Posted 2022-12-10 邱小琪Yogi

作者：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。