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。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值