android 和传统跑马灯效果说再见-CSDN博客

本文链接：https://blog.csdn.net/coderinchina/article/details/52943428

本文介绍了一种改进的Android跑马灯效果实现方法，通过自定义View实现了平滑滚动的文字效果，当文字接近屏幕边缘时，另一侧即开始显示，提供了一种更加流畅的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

android 传统的跑马灯效果是文字要在跑在左侧最后一个文字消失了,然后才从右边位置继续跑,这种效果不太好,我这个实现是但文字跑到左侧还有比如100px的时候右边就开始跑了,说也说不清楚,看效果

自定义跑马灯view

package com.example.aa;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;

public class MarqueeText extends View {
    private Paint secondPaint;
    private String title ="晚上6点,银海国际酒店的三楼,600多平方的伊甸园里,布置简约而又充满的年轻点气息,";
    private boolean isStop;
    private int strWidth;
    private int x = 0;
    private int x1 = 100;
    private boolean isScrollOut = true;
    private boolean isScrollIn = false;
    private static final String TAG ="MarqueeText" ;
    private int screenWidth;
    private boolean isMeasure;
    private Paint mPaint;
    private boolean isFirst;
    private boolean b;
    private Handler mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg) {
            super.handleMessage(msg);

            if(msg.what==1){
                if(isScrollOut){
                    x-=5;
                    if(Math.abs(x)>=(strWidth-100)&&!isFirst){//
                        isFirst = true;
                        isScrollIn = true;
                        isScrollOut = true;
                        x1=screenWidth-100;
                    }
                    if(Math.abs(x)>=strWidth){
                        isFirst  = false;
                        isScrollOut = false;
                        b = false;
                    }
                    if(isScrollIn){
                        x1-=5;
                    }
                }else{
                    x1-=5;
                    if(Math.abs(x1)>=(strWidth-100)&&!b){
                        b = true;
                        isScrollOut = true;
                        isScrollIn = true;
                        x=screenWidth-100;
                    }
                    if(isScrollOut){
                        x-=5;
                    }
                }
                invalidate();
                mHandler.sendEmptyMessageDelayed(1,50);
            }
        }
    };
    public MarqueeText(Context context) {
        this(context,null);
    }
    public MarqueeText(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }
    public MarqueeText(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        isStop = false;
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setTextSize(30);
        mPaint.setColor(Color.BLACK);
        secondPaint = new Paint();
        secondPaint.setAntiAlias(true);
        secondPaint.setTextSize(30);
        secondPaint.setColor(Color.RED);

        WindowManager wm = ((MainActivity)context).getWindowManager();
        screenWidth = wm.getDefaultDisplay().getWidth();
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(!TextUtils.isEmpty(title)){
            if(isScrollOut){
                canvas.drawText(title,x,24,mPaint);
            }

            if(isScrollIn){
                canvas.drawText(title,x1,24,secondPaint);
            }
        }
        if(!isMeasure){
            strWidth = (int) mPaint.measureText(title);
            isMeasure = true;
        }
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(screenWidth,dip2px(getContext(),40));
    }
    @Override
    public void onWindowFocusChanged(boolean hasWindowFocus) {
        super.onWindowFocusChanged(hasWindowFocus);
        if(hasWindowFocus){
            mHandler.sendEmptyMessage(1);
        }else{
            mHandler.removeCallbacks(null);
        }
    }
    public static int dip2px(Context context, float dpValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (dpValue * scale + 0.5f);
    }
    /**
     * 根据手机的分辨率从 px(像素) 的单位 转成为 dp
     */
    public static int px2dip(Context context, float pxValue) {
        final float scale = context.getResources().getDisplayMetrics().density;
        return (int) (pxValue / scale + 0.5f);
    }
}

布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
   >
   <com.example.aa.MarqueeText
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="120px"
       />
</RelativeLayout>

效果：