这个作业属于哪个课程 https://edu.cnblogs.com/campus/zswxy/2018SE
这个作业要求在哪里 https://edu.cnblogs.com/campus/zswxy/2018SE/homework/11354
这个作业的目标 使用原型工具仿写《阿里云APP》
其他参考文献 ...
码云地址 https://github.com/gwh314/aliyun
1.本次采用的原型开发工具: 墨刀
2.本次所选题目为: 《阿里云APP》
3.实现功能:
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(1) 实现登录功能  <br>
   ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019205848996-1291968090.png)
  ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019205900845-216170846.png)<br>
  <span>实现此登录过程主要采用了一个图标导航栏、两个单行输入框实现账号与密码的输入、一个登录按钮一个注册</span> 
  <span>按钮实现登录、用户也可以点击淘宝或支付宝两者中任一图标实现登录、或者点击RAM用户登录。</span>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2)  实现轮播图功能 <br>
   ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019205823683-32511441.png)
  ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019210735796-1770296738.png)
  实现此轮播图过程主要通过轮播图组件来实现,在轮播图组件中添加相应需要的图片。 <br>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(3)  实现底部导航栏功能 <br>
  ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019211524939-1114863399.png)   
  ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019211546359-830477069.png)  
  ![](https://img2020.cnblogs.com/blog/2146909/202010/2146909-20201019211557654-1811264904.png)

实现底部导航栏功能主要通过 底栏 组件实现,通过添加组件与页面的事件来控制页面跳转,实现点击一个组件跳转到对应页面,且未点击组件则保持不变。

总结

       这次作业,刚开始我还以为要用安卓虚拟机来实现,后面才知道可以使用其他的工具,此次我使用的是墨刀工具,不用不知道,这真的让我有点惊喜,跟安卓相比,简直更加方便简洁,毫无代码量可言,只需要拖动图标组件,或者滑动连接相应事件实现数据绑定,还是自己孤陋寡闻了。

       首先我创建了登录页面,实现登录页面之后,就在登录页下分别创建了管控页面、云产品页面和我的页面,再实现对应页面的对应功能,相对来说,我让觉得此次作业的棘手点是找相应的图标,由于图标的小而多,对于近视的我来说找起来还是有点费眼睛,最后轮播图那块我就在百度上面找类似的图片进行替代,其他小图标就进行一番裁剪剪切再上传。

      还有一个点就是,由于这个工具是第一次接触,有点不熟悉,在实现底部导航栏功能的时候不知道这个工具可以怎么实现跳转,刚开始还觉得也许要像安卓那样通过代码来实现数据绑定,不过通过自己的一番专研,发现这个工具有视频讲解,然后跟着看了下视频,最后通过拖动那个“闪电”的线和页面相连,实现页面和事件的绑定,实现点击哪个页面,就跳转到哪个页面,且其他事件保持不变,以此实现底部导航栏功能的效果。

       最后通过此次作业,让我发现了这个宝藏工具,界面也美观,实现起来也简单,节省了大量时间,主要毫无代码量,代码小白都可以轻轻松松搞个小项目,只要拖拖拽拽就可以实现以一个小项目,交互简单快捷,非常适合做移动端设计,同时,作为一款在线原型设计软件,墨刀支持云端保存,实时预览,一键分享,及多人协作功能,让产品团队快速高效地完成产品原型和交互设计。就挺好的,不过只能体验几天,后面就要收费,这个就让人挺为难的。

       总之,最重要的还是要自己多敲多看多学习多思考,拓宽自己的知识面,毕竟在这个互联网飞速发展的时代,落后就要“挨打”(“没饭吃”),加油吧,小关同学!!!

posted on 2020-10-19 23:14  小关同学w  阅读(110)  评论(0编辑  收藏  举报