
本文实现的是跑马灯的效果,它在开发中经常被用到。本文支持从左边或者右边开始跑马灯效果。
本文的实现很简单,利用工作之余实现了这样的一个效果。为了实现这种效果,首先就是根据我要跑马灯的文字的大小自适应一个label这样的view,然后把label添加到一个view上面。然后让添加了label的view从一个位置到另一个位置。这几年用到了keyFrameAnimation这样的一个动画。如果是从左到右跑马,那么我的添加了label的view的位置应该是从左边通过动画平移到右边。然后等我的动画结束的时候执行动画的代理方法,让动画重新开始执行。
这是一个简单的思路,下面直接上代码。





下面这个是对string做的分类,根据给定的文字自适应宽高。

我一直相信,一篇技术分享没有demo就是在耍流氓。下面附上demo地址,欢迎有兴趣的下载查看,谢谢。
网友评论