先看效果图
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyM3ITM1UzMyEzMwgDM2EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
最近有人问我要一个电商项目的跑马灯的控件.看了一下感觉实现起来不是很难,现在跟大家分享一下.不知道之前有没有人分享过.
其实实现原理就是:先定好行高,然后计算出三行的位置.
分别是前一行,当前行和下一行的位置.然后在滚动的时候,就把当前行的位置往前一行的位置移动,下一行的位置就往当前行的位置移动.移动结束之后,就把当前行的位置换位下一行的位置即可.以后重复同样的同样的工作.
至于滚动的效果我是用Scroller来实现的,大家可以换ValueAnimator来实现,看个人习惯吧.
最后测量绘制的字出现省略号的效果是用TextUtils类的ellipsize方法来实现的.
循环滚动的效果实现是实现一个Runable然后通过postDelayed来调用直接实现的,其停止效果是通过mIsPlay来标记的.代码如下:
class PlayRunnable implements Runnable {
@Override
public void run() {
if(mIsPlay) {
nextLine();
postDelayed(this, );
}
}
}
项目下载地址:https://github.com/yingtianxun/YluoMarqueeView