zoukankan      html  css  js  c++  java
  • 手把手教你实现慕课网引导页效果(一)——分析验证

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

    前言

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

    如需转载,请注明出处。

    欢迎交流讨论。

  • 相关阅读:
    Vue3教程:Vue3.0 + Vant3.0 搭建种子项目
    硬盘
    org.apache.commons.beanutils.ConversionException: No value specified
    软件设计流程
    CDN使用
    The valid characters are defined in RFC 7230 and RFC 3986
    java.lang.IllegalArgumentException: More than one fragment with the name [spring_web] was found.
    joomla安装
    LAMP环境
    开源软件
  • 原文地址:https://www.cnblogs.com/JohnTsai/p/5236884.html
Copyright © 2011-2022 走看看