上下滚动字幕

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了上下滚动字幕相关的知识,希望对你有一定的参考价值。

package com.example.animtextview;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;

public class MainActivity extends Activity {

private AutoTextView mTextView02;
    final Handler handler = new Handler();
    // 自定义信息条数
    private static int sCount = 0;
    private List<String> str = new ArrayList<String>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        init();
    }

    private void init() {
        //垂直滚动
        // 初始化数据
        str.add("信息1");
        str.add("信息2");
        str.add("信息3");
        sCount = str.size();
        mTextView02 = (AutoTextView) findViewById(R.id.switcher02);
        mTextView02.setText(str.get(0));
        //启动计时器
        handler.postDelayed(runnable, 3000);
        //handler.removeCallbacks(runnable);// 关闭定时器处理
    }

    Runnable runnable = new Runnable() {
        @Override
        public void run() {
            // TODO Auto-generated method stub
            // 在此处添加执行的代码
            mTextView02.next();
            sCount++;
            if(sCount>=Integer.MAX_VALUE){
                sCount = str.size();
            }
            mTextView02.setText(str.get(sCount % (str.size())));
            if (str.size()>1) {
                handler.postDelayed(this, 2000);// 50是延时时长
            }
            
        }
    };

}

 

package com.example.animtextview;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Camera;
import android.graphics.Color;
import android.graphics.Matrix;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.Animation;
import android.view.animation.Transformation;
import android.widget.TextSwitcher;
import android.widget.TextView;
import android.widget.ViewSwitcher;
/**
 * 垂直翻滚
 * @author zhanyue
 *
 */

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;
    
    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, 36);
        mHeight=20;
        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);
        //TextSwitcher主要用于文件切换,比如 从文字A 切换到 文字 B,
        //setInAnimation()后,A将执行inAnimation,
        //setOutAnimation()后,B将执行OutAnimation
        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(300);
        rotation.setFillAfter(false);
        rotation.setInterpolator(new AccelerateInterpolator());
        return rotation;
    }
    
    public void setData(){
        
    }

    //这里返回的TextView,就是我们看到的View
    @Override
    public View makeView() {
        // TODO Auto-generated method stub
        TextView t = new TextView(mContext);
        t.setGravity(Gravity.CENTER);
        t.setTextSize(mHeight);
        t.setMaxLines(2);
        t.setPadding(0, 5, 0, 5);
        //设置文字颜色
        t.setTextColor(Color.WHITE);
        return t;
    }
    //定义动作,向下滚动翻页
    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);
            }
     }
}

 

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:auto3d="http://schemas.android.com/apk/res/com.example.animtextview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#ff0000"
        android:orientation="horizontal" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <com.example.animtextview.AutoTextView
            android:id="@+id/switcher02"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

</LinearLayout>

 

以上是关于上下滚动字幕的主要内容,如果未能解决你的问题,请参考以下文章

上下滚动字幕

vue滚动字幕怎样添加

html中上下滚动的文字代码,举例?

html中上下滚动的文字代码,举例?

在DIV里怎么让文字实现上下滚动的效果

HTML marquee标签实现内容上下左右滚动