手把手带你学Axure | 歌词滚动怎么做？

前几天有朋友问到歌词滚动应该怎么做，针对歌词滚动这个功能做了一个简单的案例，仅供参考，大家如果有更好的做法记得call我们一下！

 

按照惯例，我们先看一下这个效果是怎样的

 

点这里预览：https://o0piel.axshare.com

 

看到效果了，咱们一起来看看在怎么做。页面的搭建这里就不细说了，相信大家都是没有问题的。只跟大家说要注意的地方。

 

第一、最重要的歌词部分。这里的做法是将歌词转化成了动态面板，这个那么长的歌词可以在动态面板的范围内进行滚动。

 

第二、播放和暂停按钮，这里的做法是用动态面板的不同状态去做，切换面板状态即可。当然你可以不这么做，没有绝对。

 

 

 

再来看一下，歌词在滚动的时候应该如何滚动。实际上我们是让歌词在动态面板中从下往上移动，关键是需要怎么移动。我们先看一下起始位置和结束位置。

起始位置就是我们刚开始放置的位置，在这里是y=100。结束位置这里用的是y=-1200，也就是说歌词是从100移动到了-1200，移动的距离是1300。这首歌的时间是5:25࿰