浅谈MockPlus

最近在做项目的第一轮迭代,而自己主要是负责项目前端这一块,因为要与客户讨论客户需求,所以需要使用一些原型设计方便我们的讨论,因此邂逅了MockPlus,通过使用MockPlus我觉得这是一款非常好用而且便捷的软件,于是在这里把它推荐给大家,顺便给大家演示一遍它的基本使用过程。

工具:MockPlus2.2.6

一:我使用的版本是2.2.6,所以在此演示也是2.2.6版本,打开MockPlus,新建一个项目,页面随之会跳转到一个选择页面,我们以制作网页原型为例,所以选择网页。

二:页面之后会跳转到如下页面,图中红笔标出为项目及项目下页面,我们双击即可修改项目名称,如果项目下需要多个页面,点击图中蓝笔圈出的加号,即可添加新的页面。

三:首先我们只做一个简易的登录页面,如下图,从组件栏中选中矩形框直接拖拽到页面当中,调整到合适大小,双击矩形框可以修改矩形框中提示字。选中矩形框还可以在右下角“属性”一栏中修改矩形框的属性。

四:按照三中提到的方法,再拖入两个输入框和一个确认按钮,并修改其属性,完成登录界面的设计。

五:在项目下新建一个页面,命名为“个人中心”,按照三四的方法进行设计,如下图。

六:回到登录页面,选中登录按钮时,按钮右上角出现一个小框,点击其中小圆点,连线到个人中心,如图所示,这样可以保证预览时点击登录就可以直接跳转到“个人中心”页面。

七:保存,点击页面上方小三角,进行演示,尝试一下,是不是点击登录的时候就可以直接跳转到“个人中心”页面呢?

是不是感觉很好用啊,今天就给大家讲这么多,MockPlus可以实现的功能还有很多,这里就不一一讲了,需要大家自己去挖掘。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 158,324评论 24 688
  • 吃货地图产品需求文档 V1.0-2015/03/30 1概述 1.1产品概述及目标 概述:“吃货地图”是一款基于i...
    michaelshan阅读 4,654评论 1 46
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 7,242评论 4 39
  • 06月06日 身体状态9分 【我的进度】 每日运动打卡,第50天, 平板目前突破5分钟,向极限挑战。下一步臂部肌肉...
    6班三期12组组长孙荣亮阅读 52评论 0 0
  • 好春光 容易入黄粱 树叶青青黄 谁送荼蘼香 少年郎 持笔做刀枪
    襄佑鸿蒙阅读 145评论 0 0