分类 : 55个相关结果 36909次浏览

justinmind案例,justinmind原型,高保真,手机原型,交互设计

佟掌柜Atom呕血力作:仿iPhone5解锁效果

解锁密码:1024! 分别实现的效果: 从锁屏界面向右滑动进入解锁界面; 未输入密码时,点击右下角“取消”返回锁屏界面; 输错密码且密码数未达到4位时,点击右下角删除,可删除输错数字重新输入新的数字; 4位密码全部输错,显示错误提示,并清理 …

右键菜单

由于JM在上几次的版本更新中更新了坐标X和坐标Y的常量,所以这就给咱们做右键菜单提供了基础!虽然实际坐标的位置有点误差,但毕竟是原型,把我们的意思表达出来即可! 实现步骤: 创建菜单:新增一个动态面板,把它的布局设定为“垂直布局”,然后往动 …

拖动、互换位置

实现效果:通过拖动部件,调整部件各自的位置 实现关键思路: 1、创建一个动态面板,布局垂直,在里面添加4个矩形框; 2、在其中一个矩形框中添加事件: 事件一:单指按下并保持滑动时-移动(选择使用光标-Y轴) 事件二: 结束滑动时(当放开 任 …

模拟今日头条下拉刷新效果

实现效果:下拉刷新新闻列表。 实现关键思路: 1、创建两个新闻列表:当前新闻,刷新新闻,重叠放置,刷新新闻默认隐藏; 2、添加两个刷新提示:松开后推荐和正在刷新,两个都默认隐藏; 3、在“当前新闻”列表上添加事件,选择交互动作:单指按下并保 …

微信/QQ聊天效果

实现效果:模拟微信或者QQ的聊天效果! 实现关键思路: 1、利用新建数据母版数据,来输出聊天得内容; 2、步骤一:创建一个数据母版,创建一个字段,例原型中得“内容”; 3、步骤二:把数据母版中的默认三条数据删除,并用数据网格把数据母版的内容 …

字母检索联系人

实现效果:通过点击字母,来定位联系人所在位置。 实现关键思路: 1、关键函数:“滚动到”; 2、拖动矩形至编辑区,例如原型中得 C D E 及联系人名称john doe,然后把这些矩形组合成一个动态面板,垂直滚动-自动; 3、不要把动态面板 …

鱼哥呕心沥血之作-流弊的时钟效果

鱼哥实现了三种时钟效果,如下图: 实现关键思路(时钟效果一): 1、获取系统当前时间,把小时、分钟、秒分别赋值给三个变量; 2、添加时钟背景图,时针、分针、秒针; 3、穷举法:通过判断变量的值,来更改时针、分针和秒针的转动角度样式; 4、由 …

数字验证码

实现效果:4位随机数字的验证码; 实现关键思路: 1、实现的关键函数包括:round(四舍五入)、rand(随机数)、concat(连接); 2、rand函数能生成0-1之间的随机数,比如0.1234412…..0.001231 …

5星用户评价效果

实现效果:实现选择1-5星的用户评价效果; 实现关键思路: 1、添加Font Awesome部件; 2、从Font Awesome部件库中拖动5个星型图标,默认都为黑色; 3、在第一个星标上添加事件:鼠标悬停时,更改星标文本填充为黄色,鼠标 …

path菜单效果

实现效果:path菜单效果。 实现关键思路: 1、增加菜单“+”和菜单“—”;菜单“-”默认隐藏; 2、增加六个矩形框,每个矩形框上添加小图标; 3、把对应的矩形框和图标组合,共组成6个group,放置在手机屏幕上,并记住每个group的坐 …