跑马灯实现的三种方式

实现跑马灯的三种方式:分别是直接用控件、自定义一个HorizontalScrollView和自定义一个TextView。

1 直接使用控件

优点:使用简单

缺点:可扩展性差

使用:直接在XML文件中添加如下代码即可:


2 自定义一个HorizontalScrollView

利用水平滑动的ScrollView来实现。

使用:首先自定义一个HorizontalScrollView控件,然后在XML文件中使用即可(注意在XML中使用自定义控件需要控件的全包名)。

第一步:自定义的控件代码如下:

public class HorizontalScorllTextView extends HorizontalScrollView implements Runnable{
    
    int currentScrollX = 0;// 当前滚动的位置
    TextView tv;

    public HorizontalScorllTextView(Context context) {
        super(context);
        initView(context);
    }

    public HorizontalScorllTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    public HorizontalScorllTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView(context);
    }
    
    void initView(Context context){
        View v = LayoutInflater.from(context).inflate(R.layout.scroll_layout, null);
        tv = (TextView)v.findViewById(R.id.tv_video_name);
        this.addView(v);
    }
    
    public void setText(String text){
        tv.setText(text);
        startScroll();
    }
    
    private void startScroll(){
        this.removeCallbacks(this);
        post(this);
    }

    @Override
    public void run() {
        currentScrollX ++;// 滚动速度
        scrollTo(currentScrollX, 0);
       
        if (currentScrollX >= tv.getWidth()) {
                scrollTo(0, 0);
                currentScrollX = 0;
        }
        postDelayed(this, 50);
    }

}

第二步:在XML中使用时如下


3 使用自定义的TextView来实现

使用:首先自定义一个TextView控件,然后在XML文件中使用即可(注意在XML中使用自定义控件需要控件的全包名)。

第一步,自定义的控件代码如下:

public class MarqueeTextViewNew extends TextView implements Runnable {
    private int screenWidth = 80;
    private int currentScrollX = -screenWidth;// 当前滚动的位置
    private boolean isStop = false;
    private int textWidth;
    private boolean isMeasure = false;

    public MarqueeTextViewNew(Context context) {
            super(context);
            // TODO Auto-generated constructor stub
    }

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

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

    @Override
    protected void onDraw(Canvas canvas) {
            // TODO Auto-generated method stub
            super.onDraw(canvas);
            if (!isMeasure) {// 文字宽度只需获取一次就可以了
                    getTextWidth();
                    isMeasure = true;
            }
    }

    /**
     * 获取文字宽度
     */
    private void getTextWidth() {
            Paint paint = this.getPaint();
            String str = this.getText().toString();
            textWidth = (int) paint.measureText(str);
    }

    @Override
    public void run() {
//            currentScrollX -= 1;// 滚动速度,方向:从左向右
        currentScrollX += 1;// 滚动速度 方向:从右向左
            scrollTo(currentScrollX, 0);

            if (isStop) {
                    return;
            }
        if (currentScrollX > textWidth) {
            currentScrollX = -screenWidth;
        }
//            if (getScrollX() <= -(this.getWidth())) {
//                    scrollTo(textWidth, 0);
//                    currentScrollX = textWidth;
//            }
            postDelayed(this, 5);
    }

    // 开始滚动
    public void startScroll() {
            isStop = false;
            this.removeCallbacks(this);
            post(this);
    }

    // 停止滚动
    public void stopScroll() {
            isStop = true;
    }

    // 从头开始滚动
    public void startFor0() {
        currentScrollX = 0;
        startScroll();
    }
    
    @Override
    public void setText(CharSequence text, BufferType type) {
        // TODO Auto-generated method stub
        super.setText(text, type);
        startScroll();
    }
    
    @Override
    public void destroyDrawingCache() {
        // TODO Auto-generated method stub
        super.destroyDrawingCache();
        
    }
}

第二步,在XML中的使用如下:


总结

    上面已将详细代码贴出,比较简单,就不再复述。 

你可能感兴趣的:(跑马灯实现的三种方式)