太阳能路灯,路灯厂家,四川路灯,路灯杆,路灯设计,乐山市申恩灯具有限公司

企业文化 主页 > 企业文化 >
Axure实战:滑动拼图解锁教程
发布日期:2021-11-23 20:59   来源:未知   阅读:

  特彩吧现场报码开奖,拼图解锁是一种出现不久的交互方式,在注册或登录的时候,要求用户水平拖动按钮,移动拼图到正确的位置,然后才可以继续下一步,这种方式增强了网站的安全性,防止用户的恶意注册。

  就连我们的人人都是产品经理网站的注册也是采用这一方式,访问注册页面,可以看到如下图所示:

  显然,使用Axure也可以实现这种效果,虽然我们有时原型并不需要做得这么真实,但我们可以从中学习到一些Axure实战技巧。

  (2)添加个圆形,调整大小为54*54,放置到矩形左侧,选中,右键转换为动态面板,命名为button

  (4)继续选择合并后的图片,再选择另外一个小圆形,在右侧的样式里选择去除操作

  (5)选择这个拼图,命名为src,复制/粘贴一份,命名为dest,作为目标拼图,将src顺序设置为最顶层,这样移动过去时可以覆盖dest,为了模拟缺失效果,设置它的有内阴影效果:

  将第一个拼图移动到和滑杆上的圆形按钮起始位置一致的地方,第二个拼图保持和第一个拼图的高度位置一致即可,将两个拼图和矩形选中,转成动态面板,命名为image,右键设置为隐藏。

  鼠标经过圆形按钮时显示上方动态面板image,鼠标移出时隐藏image:

  在拖动按钮到右侧松开鼠标前,判断当前按钮和拼图src之间的距离差,如果在一定范围内(这里是误差在10以内)则认为拼图正确,否则表示没有拼上:

  在拼图没有对上时,复位圆形按钮和src拼图到原始位置,即设置拖动结束时的另外一个事件分支:

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。Google Ads系列:Google Ads投放预算

乐山市申恩灯具有限公司创建于一九九三年,是一家集设计,制造,销售,安装,工程建设为一体的路灯厂家,主要产品太阳能路灯,led路灯,单臂灯,双臂灯,高杆灯,组合灯,庭院灯,景观灯,草坪灯,地埋灯,太阳能灯,led灯,led灯头灯具,风电及太阳能照明设备,彩灯及楼宇亮化,交通标牌标志及信号设备,监控设备,电线,电缆,亮化工程,景观照明,城市及道路照明专业承包;市政公用工程总承包。