2020软件工程作业03

| 这个作业属于哪个课程 | https://edu.cnblogs.com/campus/zswxy/2018SE |
| ---- | ---- | ---- |
| 这个作业要求在哪里 | https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354 |
| 这个作业的目标 | 仿写《阿里云APP》
|其他参考文献| 墨刀视频教程
|码云地址| https://gitee.com/romm/fangliyun1/tree/master

本次作业采用的原型开发工具是：墨刀
所选题目是：仿写《阿里云APP》

“发现”页面：


  首先做好顶部导航栏之后，用内置组件中的轮播图工具做了一个轮播图，样式设置为横向轮播，间隔为1000ms，轮播数量为五张图。
  第二个做的纵向轮播，使用纵向轮播，无指示点，间隔1000ms。
  左右滑动是通过墨刀的状态动画的视频教程学会的，添加一个组件状态，调整大小，运行时可左右滑动查看后面的内容。
  视频直接用组件里面的网页工具，在墨刀里面随便找的一个视频地址放上去，就OK。

注册登录页面：



  这也页面比较简单，两个输入行，两个按钮，在图标里找的支付宝和淘宝图标，改变图标颜色即可。
  把键盘样式改成“密码”，即可在输入密码时通过点击“眼睛”图标，让密码可视或不可视。

管控页面：

  非常简单！弄一个底部导航栏，和一个与登录注册页面交互的按钮即可。

“我的”页面：

  点击登录/注册方框即可跳转到登录注册的页面。
  复制粘贴多个单行列表，排列好顺序即可。
  底部有导航栏可通过点击跳转到其他页面。

总结：
  首先，我第一次接触原型工具，我觉得这个作业很好玩！！！
  第一个轮播图非常顺利，直接用轮播图工具然后放图片就好了。
  二个做的是纵向轮播，在APP里我看到其是自动上下滚动，一开始为了实现其效果我做了个状态，但是我做的状态只能实现手动上下滚动，于是我决定使用纵向轮播，间隔1000ms，无指示点，看起来效果跟阿里云app一样，但是轮播只能放图片，不能直接文字自动轮播，所以这个点我还需要仔细思考，以寻找最优方法。
  视频播放这一块，墨刀上面是教我直接用内置组件中的网页工具，然后插入视频的地址，即可播放视频。但是我发现用网页工具弄的视频一打开此页面视频便会自动播放，于是我给视频弄了个单独界面，点击此图片区域即可跳转到视频播放页面。但是关闭视频自动播放的问题还是没有解决，百度无果。但是我室友用这个网页工具做视频时，她的却不会自动播放视频，我就更纳闷了，于是我在想是不是我们使用的模板手机不一样，还是说电脑问题。通过我的测试发现不是手机模板的问题，是我电脑网页设置问题......
  唯一让我想的比较久的就是登录密码那，一直在琢磨如何做到点击“眼睛”图标时，图标会变而且输入框里面的字符也会变，我做了一个状态，点击“眼睛”图标时“眼睛”图标会在两个状态之间切换，但是如何把字符变成点就让我挠秃了头，在墨刀的帮助中心一直没找到解决方法，就去度娘里面找，结果发现直接键盘样式里面的文字改成密码即可，而且输入密码时还会自带小眼睛，妙啊！
  再说说我的底部导航栏，粗心的我一开始并没有发现点击底部导航栏会变色，还是室友提示我这个细节的，于是我想了一个最简单的方法，就是先做一个底部导航的母版，然后把每个页面的底部导航栏里面对应的图标改颜色，比如在“我的”页面的底部导航栏里的“我的”图标是橙色，其他页面也是如此，这样点击底部图标时自动跳转到对应的页面，页面的底部导航栏的图标即是橙色，非常nice，实现的效果一模一样。但是我知道实现“状态”也可达到这一效果，巧了，状态动画教程里面就有一个专门讲底部导航栏的，于是我又照着教程做了一个底部导航。对比两个方法我也说不出谁好谁差，个人感觉不相上下，两个都可。
  我发现这个作业最难的事gitee，因为根本没接触过这个，一脸懵，百度了好久好久，全是英文看不懂，其实有热心网友分享自己的上传过程，但是不了解，怕把命令语言看成文件名，怕把文件名看成命令语言。最后瞎搞，根据创建好的仓库提示的新手入门教程创建了一个README,然后又去看网友做的，通过不断的乱尝试，我发现了共同点，于是实验了一遍，发现没问题，为此，我自己做了个步骤截图，好方便以后用，不然就忘记了。也不知道对不对，如果不对希望老师或者同学看完我的作业后记得帮我指出了，感谢！（gitee也可以在创建仓库之后，直接手动上传文件，文件不能超过20个，所以可以直接压缩包上传，但是其有一个缺点，要查看文件内容的话必须下载压缩包，才能点击查看，不能像通过git bash一样可以直观查看文件）

通过git bash上传文件

通过手动直接上传文件
也是先创建一个仓库，然后点击文件，选择上传文件