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


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

    前言

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

    如需转载,请注明出处。

    欢迎交流讨论。

  • 相关阅读:
    Python Revisited Day 13 (正则表达式)
    Python Revisited Day 06 (面向对象程序设计)
    Python Revisited (变量)
    Python Revisited Day 05(模块)
    Python Revisited Day 04 (控制结构与函数)
    Python Revisited Day 03 (组合数据类型)
    Numpy
    Python Revisited Day 01
    Python3使用openpyxl读写Excel文件
    Python3操作YAML文件
  • 原文地址:https://www.cnblogs.com/JohnTsai/p/5236884.html
Copyright © 2020-2023  润新知