手把手教你实现慕课网引导页效果(一)——分析验证

手把手教你实现慕课网引导页效果(一)

前言

相信程序员大多用过或者听过慕课网这个网站，今天我们要讲的是慕课网Android客户端引导页效果的模仿实现。

首先，让我们看一下慕课网Android客户端的引导页是什么样的。

正文

1.分析

看上面那个GIF图，分析可知。首先是一个显示慕课网LOGO的Activity，然后跳转到了今天我们要讲的引导效果的Activity（命名为GuideActivity）。

• 根据它滑动的效果，可猜测是由ViewPager实现的。
• ViewPager中有三个播放着动画或者视频的Fragment。
• 底部有标识滑动到哪一页的小圆点。
• 当滑动到第三页时，出现登录、注册按钮。

2.验证

下面来验证上一步分析的结论。

在Android Studio中，有个工具叫做Android Device Monitor,我们能用它查看Android设备的截图的View层级。

如何找到Android Device Monitor？
在Android Studio中，依次打开Tools,Android,Android Device Monitor即可。

上图证明了我的分析大部分是正确的，VideoView证明播放的是视频而不是动画。

为了进一步证明播放的是视频，我们将慕课网Android客户端的apk文件解压。

哈哈，果然播放的是放置在apk文件本地的mp4视频。

结论

经过今天的学习，我们学习了Android Device Monitor的基本使用。有了它，我们可以分析Android应用中各种效果是怎么实现的。这样，我们就能模仿这些效果。

今天的学习就到这里，下一次学习实现慕课网这个引导效果。相信有了今天的分析，编码实现不再是很困难的事了。

本文是由JohnTsai原创。

如需转载，请注明出处。

欢迎交流讨论。