Android中自动上下滚动的TextView

Android中自动上下滚动的TextView

最近在做弹幕组件,其中有许多中动画和样式,其中一种是文字内容滚动,左右滚动很简单,设置好宽度,在onDraw中画出来就行了,这里介绍一下上下滚动的文本

AutoTextView:

public class AutoTextView extends TextSwitcher implements
        ViewSwitcher.ViewFactory {

    private float mHeight;
    private Context mContext;
    //mInUp,mOutUp,上进上出动画
    private Rotate3dAnimation mInUp;
    private Rotate3dAnimation mOutUp;

    //mInDown,mOutDown,下进下出动画
    private Rotate3dAnimation mInDown;
    private Rotate3dAnimation mOutDown;
    private TextView t;


    public AutoTextView(Context context) {
        this(context, null);
        // TODO Auto-generated constructor stub
    }

    public AutoTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.auto3d);
        mHeight = a.getDimension(R.styleable.auto3d_textSize, 24);
        a.recycle();
        mContext = context;
        init();
    }

    private void init() {
        // TODO Auto-generated method stub
        setFactory(this);
        mInUp = createAnim(-90, 0 , true, true);
        mOutUp = createAnim(0, 90, false, true);
        mInDown = createAnim(90, 0 , true , false);
        mOutDown = createAnim(0, -90, false, false);
        setInAnimation(mInUp);
        setOutAnimation(mOutUp);
    }

    //创建动画
    private Rotate3dAnimation createAnim(float start, float end, boolean turnIn, boolean turnUp){
        final Rotate3dAnimation rotation = new Rotate3dAnimation(start, end, turnIn, turnUp);
        rotation.setDuration(800);
        rotation.setFillAfter(false);
        rotation.setInterpolator(new AccelerateInterpolator());
        return rotation;
    }

    //初始化textView属性
    @Override
    public View makeView() {
        // TODO Auto-generated method stub
        t = new TextView(mContext);
        //t.setGravity(Gravity.CENTER);
        t.setGravity(Gravity.CENTER_VERTICAL);
        t.setTextSize(mHeight);
        t.setMaxLines(3);
        //t.setGravity(Gravity.LEFT|Gravity.CENTER_VERTICAL);
        return t;
    }

    //重写setText方法,动态设置字体颜色
    @Override
    public void setText(CharSequence text) {
        super.setText(text);
    }
    public void setText(CharSequence text,int color) {
        super.setText(text);
        final TextView t = (TextView) getNextView();
        t.setText(text);
        t.setTextColor(color);
        showNext();
    }

    //开始下进下出动画
    public void previous(){
        if(getInAnimation() != mInDown){
            setInAnimation(mInDown);
        }
        if(getOutAnimation() != mOutDown){
            setOutAnimation(mOutDown);
        }
    }
    //开始上进上出动画
    public void next(){
        if(getInAnimation() != mInUp){
            setInAnimation(mInUp);
        }
        if(getOutAnimation() != mOutUp){
            setOutAnimation(mOutUp);
        }
    }
    //初始化动画属性
     class Rotate3dAnimation extends Animation {
            private final float mFromDegrees;
            private final float mToDegrees;
            private float mCenterX;
            private float mCenterY;
            private final boolean mTurnIn;
            private final boolean mTurnUp;
            private Camera mCamera;

            public Rotate3dAnimation(float fromDegrees, float toDegrees, boolean turnIn, boolean turnUp) {
                mFromDegrees = fromDegrees;
                mToDegrees = toDegrees;
                mTurnIn = turnIn;
                mTurnUp = turnUp;
            }

            @Override
            public void initialize(int width, int height, int parentWidth, int parentHeight) {
                super.initialize(width, height, parentWidth, parentHeight);
                mCamera = new Camera();
                mCenterY = getHeight() / 2;
                mCenterX = getWidth() / 2;
            }

            @Override
            protected void applyTransformation(float interpolatedTime, Transformation t) {
                final float fromDegrees = mFromDegrees;
                float degrees = fromDegrees + ((mToDegrees - fromDegrees) * interpolatedTime);

                final float centerX = mCenterX ;
                final float centerY = mCenterY ;
                final Camera camera = mCamera;
                final int derection = mTurnUp ? 1: -1;

                final Matrix matrix = t.getMatrix();

                camera.save();
                if (mTurnIn) {
                    camera.translate(0.0f, derection *mCenterY * (interpolatedTime - 1.0f), 0.0f);
                } else {
                    camera.translate(0.0f, derection *mCenterY * (interpolatedTime), 0.0f);
                }
                camera.rotateX(degrees);
                camera.getMatrix(matrix);
                camera.restore();

                matrix.preTranslate(-centerX, -centerY);
                matrix.postTranslate(centerX, centerY);
            }
     }
}

控件原本是网上找到的一个demo,但是无法动态设置textview的各种属性,于是自己小小的修改了一下,主要是重写源码的setText方法,加入了动态自定义颜色的元素,根据需要可以添加其他参数自行使用,使用时next()为向上翻滚,previous()为向下翻滚。想自动翻滚可以在线程中处理。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值