最近疑似陷入财务困境的小黄车，共享单车ofo公司，遭到用户争相索还199元人民币的押金，小黄车陷入风口浪尖之中。（o）不过呢，今天要讲的不是ofo的困境，不是ofo会以何种方式凉凉，今天要讲的是模拟ofo地图。 一、效果 首页地图的缩放 首页地图的移动 自动判断用户是否已登录 账号密码错误出现提醒 账号密码正确进入登录状态 未登录状态点击导航菜单跳转到登录页面 已登录状态点击导航菜单进入对应的页面 配合以上操作的一些细节性交互：选定按钮组、选中时按钮变化、动态面板的跳转等 下面是效果图： 效果图1：地图缩放和还原 效果图2：未登录状态 效果图3：登录过程及登录状态 二、实现逻辑 地图拖动：动态面板嵌套的方式，规定动态面板拖动的边界，保证地图在手机屏幕内显示 地图缩放：放大时使地图图片大小变换为当前大小的1。2倍；缩小时使地图图片大小变换为当前大小的0。8倍。 账号密码错误：规定账号密码即可 账号密码正确：判断账号密码正确后，进入登录状态，设置全局变量的值为标记已登录状态。 未登录时点击导航菜单进入登录页面：使用全局变量控制，全局变量值代表未登录时，进入登录页面。 已登录时点击导航菜单进入对应页面：使用全局变量控制，当全局变量值代表已登录时，进入对应页面。 本案例所使用变量：Login0时，未登录；Login1时，已登录 三、操作步骤 步骤真的非常多非常多，这里只简单介绍实现方法，大家可以下载原型自行摸索！！！ 操作步骤1地图拖动 stepone。准备素材自己找地图图片，我是用地图截图拿ps拼接的，很费时间，地图后边我会和原型一起上传。 steptwo。创建动态面板 创建两个动态面板，一个取名为屏幕，是用于控制手机屏幕大小的，另一个取名为地图，是用来移动地图的。 在地图的动态面板上设置交互，移动时，地图动态面板WithDrag，拖动边界控制为地图大小。 当页面载入时，让地图默认坐标为（0。5This。width，0。5This。height），这样，地图就能保证每次加载时都保持在中心位置。 此时，地图拖动基本成型。 操作步骤2地图缩放和还原 Stepone。交互设置单击地图图片时，地图长宽均变为当前大小的1。2倍； 双击地图图片时，地图长宽均变为当前大小的0。8倍； 右击地图图片时，地图长宽均还原为初始值，地图移动到初始位置。如图所示： Steptwo。设置触发按钮增加三个btn，分别为放大、缩小和还原，为三个按钮设置鼠标单击时的交互，分别对应到上边三个交互，即可以实现地图的缩放和还原 操作步骤3全局变量 全部变量的具体使用在下期会做详细的描述，本期先讲全局变量的使用方法。我们再一开始页面载入时，就设置全局变量，本案例使用变量命名为Login，页面载入时，Login值默认为0，此时我们视为未登录状态，点击导航菜单的时候，ifLogin0，则动态面板跳转到登录页面。 当我们输入正确的账号和密码，点击登录按钮的时候，此时设置全局变量Login的值为1，这时我们认为处于已登录状态，此时单击导航菜单时，即ifLogin1，动态面板切换到导航菜单对应的页面内。 具体操作步骤视Axure版本的不同有所不同，本次不做详细解释，大家下载原型自行研究即可。想当年在下都是没人指导看着总监的原型自己琢磨出来的，哈哈哈哈哈（再来两瓶东北老雪，我还能吹出花儿来！！！嗝儿） 操作步骤4账号密码设置 本案例账号为：17611111111本案例密码为：123456 设置手机号文本框Text的输入类型为手机号码，长度为11位。 设置密码文本框Text的输入类型为密码，长度为6到18位。 设置登录btn为不可点击状态，当手机号码为11位且输入密码后，登录btn为可点击状态。（这一步的实现有点儿小意思，我设置了隐藏的框，用于记录手机号码输入是否满足11位，只有手机号码输入11位，且输入密码后，登录btn才处于可点击状态） 点击登录btn，if手机号码17611111111且密码123456时，进入登录状态，此时全局变量Login设置为1；当账号密码不符合要求时，点击登录提示账号密码错误。 这里有个有趣的地方，文本框的提示语及提示格式，Axure8和Axure9中有明显的不同，第一次使用Axure9的文本框设置，我也是一脸蒙逼，话说回来，学习新知识还是很快乐哈！ 四、原型优化 本案例设置了很多细节性的交互，大家可以下载原型摸索，包括：动态面板切换效果，广告栏位移动效果，登录和未登录时顶部tips气泡显示效果等。 总结 本期原型只能用AxureRP9beta及以上版本打开，为什么我要坚持使用Axure9，而不用现在绝大部分人在使用的Axure8呢，其实原因很简单，与时俱进，顺势而为，作为产品，要有超强的适应能力和学习能力，建议各位下载AxureRP9体验其中的变化。 原型链接：https：pan。baidu。coms12MmC2BzWmjCbI4bSWa2Zw 提取码：2uc4
移山和拔树有个猎人的妻子到森林去采野果的时候，在那儿生了个双胞胎；两个都是儿子，可是母亲立地就死了。她留下的两个婴儿没有一个女人肯喂养。一个由母狼喂养，另一个由母熊喂养。母狼喂养的……读霍达的穆斯林的葬礼有感三篇读穆斯林的葬礼有感（一）听同学介绍这是部看后很震撼的小说，想到啃食泡沫文化快餐文化已久，的确需要看些有深度有内涵的书以净化心灵。便兴致勃勃地翻开这本五六十万字的巨作。……大鹅羽绒服是什么牌子标配大鹅已成为了一种时尚大鹅羽绒服是什么牌子CanadaGoose是来自加拿大知名的羽绒服品牌，成立于1957年，其产品线涵盖男装、女装、童装及手套、围巾配饰等。其羽绒服饰拥有出色的保暖性能和优……欧珀莱按摩膏使用方法是什么按摩膏的使用顺序欧珀莱按摩膏使用方法是什么欧珀莱按摩霜，能通过按摩渗透到肌肤，无需水洗，慢慢打圈按摩5分钟后，用棉柔巾将多余的膏体擦去即可，特别适合干皮使用。按摩膏的使用顺序……红楼诗词贾迎春元宵灯谜原文及赏析《春灯谜八首（其五）》贾迎春天运人功理不穷，有功无运也难逢。因何镇日纷纷乱，只为阴阳数不同。这是第二十二回制灯谜贾政悲谶语中，贾迎春于上元佳节所制之灯谜。其谜……把他的购买欲望充分激发起来就好他会千方百计去筹钱店里摆放着4套家具，价格分别为12。98万、14。18万、16。58万、18。88万。客户进店来后，你会优先选择哪款推荐给他？A、先询问客户的购买预算，再做相应推荐。……杀熟的除了滴滴和携程还有哪些先讲个知乎上的段子：记得原来有个伙计在华为，坂田那里，出去买东西都拿工牌，商店饭馆给打折，去配眼镜打七折。一次没拿工牌，也没说是华为的，结果问了下配眼镜的，给打五折。……中国制造读后感精选《中国制造》是一本由周梅森著作，北京联合出版公司出版的平装图书，本书定价：59。00元，页数：352，特精心从网络上整理的一些读者的读后感，希望对大家能有帮助。《中国制造……浅谈日常如何保养蜜蜡的六个方法钟爱蜜蜡的玩家日渐增多，蜜蜡也逐渐进入了玩家们的视野，从刚开始的默默无闻到现在无人不知。蜜蜡色泽均匀，质地细腻，千万年形成的流淌纹，自然而洒脱。蜜蜡不仅时尚美观，其药用价值也很……智能手机卖不动了消费电子上市公司大考来袭原标题：智能手机卖不动了？消费电子上市公司疫情大考来袭疫情下的财报随着下游需求减少逐渐向上游传导，到二季度，消费电子行业将因疫情发生深度调整。全球疫情的蔓延，……如何玩好办公室愚人节恶作剧愚人节是个很好的捉弄人的机会。如果想在自己的办公室里搞一场恶作剧，早点准备，在愚人节的一大早就开始行动吧。确保你的办公室和同事们能够处理好，也要准备好应付一些别人针对你的恶作剧……揭秘女人产后腰痛的诱因要记牢关键词：产后腰痛病情分析诱发产后腰痛的真凶很多妈妈产后较少活动。如果总是躺或坐在床上休养，加之体重增加，腹部赘肉增多，增大了腰部肌肉的负荷，就容易造成腰肌劳损而发生……