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上传文件

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

posted @ 2020-10-20 15:50  罗米米米米  阅读(112)  评论(0编辑  收藏  举报