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


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

    前言

    相信程序员大多用过或者听过慕课网这个网站,今天我们要讲的是慕课网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原创。

    如需转载,请注明出处。

    欢迎交流讨论。

  • 相关阅读:
    easyui的页面等待提示层,即mask
    easyui datebox 只选择年月
    java poi Excel导入 整数浮点数转换问题解决
    js去除日期字符串时分秒
    获得元素上的所有属性
    人月神话阅读笔记(二)
    人月神话读后感(一)
    独立冲刺阶段(四)
    独立冲刺阶段(三)
    独立冲刺阶段(二)
  • 原文地址:https://www.cnblogs.com/JohnTsai/p/5236884.html
Copyright © 2020-2023  润新知