分类 : 54个相关结果 33800次浏览

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

获取验证码倒计时效果

实现效果:点击“获取验证码”,10秒倒计时后,方可再次点击获取按钮,输入验证码,手机验证通过。 实现主要思路: 1、上次已经介绍了一个<倒计时效果>,但那个实现方式是通过不停的刷新本页面来实现,导致无法在该页面进行任何的操作,所 …

照片放大、缩小效果(类头像选择)

实现效果:为方便演示,实际手机操作中的双指滑开(放大),双指并拢(缩小)改为点击“+”(放大),“-”(缩小); 实现主要思路: 1、把背景图放到一个动态面板中,动态面板垂直、水平滚动都设为自动,等图片放大后,可以移动图片; 2、放大、缩小 …

手机号位数,格式正确判断

实现效果:手机号位数通过动态面板判断正确与否,输入的手机号格式是否正确; 实现主要思路: 1、位数的判断:通过函数count,统计手机号码输入框的字符数量,不同的字符数,设置到不同的动态面板(小黑点); 2、手机格式正确的判断:通过函数RE …

justinmind实现二维码扫码动画效果(多种结果判断)

这个示例其实非常简单,先创建一个容器(本示例中使用动态面板实现),在容器中放置一个扫码的动态矩形,采用半透明的形式,背景其实可以替换成任何照片之类。 实现方式: 1、默认的扫码动态条放置在容器以外 2、页面加载时,动态条做一个相对位置的移动 …

倒计时效果

实现效果:10秒倒计时,倒计时完毕,跳转至新页; 实现步骤: 因为justinmind现在没有循环的事件,所以实现这个效果相对比较“傻”一些; 1、创建变量”num”,设置默认值为“11”; 2、创建事件,加载页面时 …

justinmind做纯数字类微信支付密码验证(变量、函数的使用)

实现效果:通过程序键盘输入密码,无光标显示,支持回删(需要隐藏显示的可以将textbox修改成password类型),一次输入最后一位后页面无刷新提示二次输入,二次输入最后一位后进行两次输入判断比对,如果相同,则进入成功页面,如果错误则重新 …

justinmind响应式原型设计

实现效果:通过不同的浏览端(web,pad,mobile),显示不同尺寸的页面。 实现的关键步骤: 1、根据需求,设计不同尺寸的页面(示例中为4种尺寸,4个页面); 2、每个页面都添加事件:调整窗口大小-窗口宽度判断条件-链接到对应页面; …

点击加载更多(模拟新闻列表的刷新)

实现效果:手指向上滑动,到该页底部,点击加载更多,重新加载更多地新闻; 实现主要思路: 1、创建两个动态面板,一个是当前屏幕的新闻列表(作为容器),另一个新闻列表在屏幕外; 2、利用“插入到”的事件,把屏幕外的新闻列表层插入到作为容器的新闻 …

酷炫的动画菜单

实现效果:向右滑动,菜单弹出,点击任何一个菜单链接,菜单回弹; 注:这类效果比较适合SNS、社交类APP使用 实现关键步骤: 1、创建列表,创建4个菜单动态图层; 2、列表添加事件,向右滑动,动态图层向右移动到位置XX,XX; 3、菜单添加 …