天天看点

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

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

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

看上面那个gif图,分析可知。首先是一个显示慕课网logo的activity,然后跳转到了今天我们要讲的引导效果的activity(命名为guideactivity)。

根据它滑动的效果,可猜测是由viewpager实现的。

viewpager中有三个播放着动画或者视频的fragment。

底部有标识滑动到哪一页的小圆点。

当滑动到第三页时,出现登录、注册按钮。

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

在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应用中各种效果是怎么实现的。这样,我们就能模仿这些效果。

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

如需转载,请注明出处。

欢迎交流讨论。

原文地址:http://www.cnblogs.com/johntsai/p/5236884.html

继续阅读