Android TextView循环滚动弹幕效果

最近做需求要写一个滚动弹幕的特效,要求是一直循环滚动,并且从左边出去部分的要从右边进入。

​​​​​​​

 

1.首先想到的是用Android TextView自带的跑马灯效果,设置一下android:ellipsize="marquee" ,但是发现这种方式局限性很强,只有文字的长度超过了TextView的长度才会滚动,并且只有全部滚动完成才会开启下一次的滚动。

2.参照GitHub - dreamgyf/MarqueeTextView: 走马灯式横向滚动的TextView(无论内容是否超过一行都会滚动)
原理是创建一个TextView,把他画在一个透明的canvas上,然后开启一个handler无限的去刷新绘制

canvas.drawBitmap(mBitmap, mLeftX, 0, getPaint());
if (mLeftX < 0) {
    // 左边部分出去之后在右边绘制进入部分
	canvas.drawBitmap(mBitmap, getWidth() + mLeftX + space, 0, getPaint());
}

3.使用scrollTo滑动

public class MarqueeView extends HorizontalScrollView implements Runnable {

    private Context context;
    private LinearLayout mainLayout;//跑马灯滚动部分
    private int scrollSpeed = 5;//滚动速度
    private int currentX;//当前x坐标
    private int screenWidth;//屏幕宽度

    public MarqueeView(Context context) {
        this(context, null);
    }

    public MarqueeView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public MarqueeView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        this.context = context;
        initView();
    }

    void initView() {
        WindowManager wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        screenWidth = wm.getDefaultDisplay().getWidth();
        mainLayout = (LinearLayout) LayoutInflater.from(context).inflate(R.layout.scroll_content, null);
        this.addView(mainLayout);
    }

    //开始滚动
    public void startScroll() {
        removeCallbacks(this);
        currentX = 0; // 开始滚动时候的位置
        post(this);
    }

    //停止滚动
    public void stopScroll() {
        removeCallbacks(this);
    }

    @Override
    public void run() {
        mainLayout.scrollTo(currentX, 0);
        currentX++;

        if (currentX >= screenWidth) {
            mainLayout.scrollTo(-screenWidth, 0);
            currentX = -screenWidth;
        }

        postDelayed(this, 50 / scrollSpeed);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return false;
    }
}

这样一个类似跑马灯的布局就完成了,而要想实现我们的效果,只需要创建两个这样的布局,一个起始位置是0,一个起始位置是屏幕的宽度,然后循环移动位置即可。

于是我们只需要修改起始的位置即可

//开始滚动
public void startScroll(int site) {
    removeCallbacks(this);
    if (site == 0) {
        currentX = 0; // 开始滚动时候的位置
    } else {
        currentX = -screenWidth;
    }
    post(this);
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现垂直滚动弹幕的关键是使用 Android 中的 ScrollView 和 Handler,以下是一个简单的示例代码: 1. 在 XML 布局中添加 ScrollView 和 LinearLayout: ``` <ScrollView android:id="@+id/scrollview" android:layout_width="match_parent" android:layout_height="300dp"> <LinearLayout android:id="@+id/linearlayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" /> </ScrollView> ``` 2. 在 Activity 中获取 ScrollView 和 LinearLayout,并设置一个定时器来添加弹幕 View 到 LinearLayout 中: ``` private ScrollView scrollView; private LinearLayout linearLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); scrollView = findViewById(R.id.scrollview); linearLayout = findViewById(R.id.linearlayout); // 定时器,每隔一定时间添加一个弹幕 View Timer timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { // 在主线程中更新 UI runOnUiThread(new Runnable() { @Override public void run() { // 创建一个新的弹幕 View,并添加到 LinearLayout 中 final TextView textView = new TextView(MainActivity.this); textView.setText("Hello, world!"); linearLayout.addView(textView); // 在一段时间后移除该弹幕 View Handler handler = new Handler(); handler.postDelayed(new Runnable() { @Override public void run() { linearLayout.removeView(textView); } }, 5000); } }); } }, 0, 1000); // 每隔 1 秒添加一个弹幕 View } ``` 3. 在添加弹幕 View 后使用 Handler 在一段时间后将其移除。在上面的代码中,我们设置了一个 5 秒的定时器来移除弹幕 View。 这样就实现了一个简单的垂直滚动弹幕。你可以根据需要修改弹幕 View 的样式和添加的时间间隔等参数。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值