童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

Axure:获取、校验验证码的原型实现方法

5月21日 菩提门投稿
  本文分享了获取、校验验证码的原型设计方法,希望对想学习Axure的伙伴们有帮助。
  一、获取验证码
  获取验证码操作,如下:
  分析:
  左图为矩形,主要展示验证码(本例设置4位验证码),其中验证码为字母和数字组合;
  右图为文本输入框,主要设置点击事件,即点击文本文字,矩形框中的验证码随机出现四位值。
  实现:
  1。准备相关部件:矩形1,命名为“验证码”,随意输入四个值,中间用空格隔开;文本标签,命名为“换一张”,字体随意设置,如下:
  2。选择文本标签,设置鼠标点击事件。
  第一步:新增全局变量。
  第二步,设置全局变量值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789。
  第三步,设置验证码元件文本值,点击FX,插入字符串函数〔〔全局变量。substr(全局变量。lengthMath。random(),1)〕〕,输入四次,中间用空格隔开。
  完成,点击“确定”。
  F5预览:
  原形连接,欢迎下载。
  链接:https:pan。baidu。coms119SERhKMbetLrjCH7pSUg密码:t5cw
  二、校验验证码
  输入验证码,并校验验证码是否正确。
  实现:
  1。在获取验证码的基础上,增加新的元件:
  文本框,命名:输入验证码;
  增加热区,命名为:具体提示信息,设置值为:正确,错误;
  热区样式,初始化为隐藏。
  元件设置完成,如下:
  设置输入框用例:主要的作用就是为了检查每次输入完成之后,验证码是否正确,如果正确,则提示信息,显示为“”,如果错误,则提示信息显示为“”,添加“按键松开时”用例,即,每次输入完成,松开按键时完成用例。
  验证信息为:
  文字长度:if等于4,则正确,否则错误
  文字内容:if等于验证码内容则正确,否则错误
  错误设置,如上。
  最后,隐藏提示信息,略。
  设置完的用例信息如下:
  F5预览:
  原形见连接,欢迎下载:
  链接:https:pan。baidu。coms1XOSLO2lBpDocDaoeaiRlzQ密码:6a8c
投诉 评论 转载

Axure:获取、校验验证码的原型实现方法本文分享了获取、校验验证码的原型设计方法,希望对想学习Axure的伙伴们有帮助。一、获取验证码获取验证码操作,如下:分析:左图为矩形,主要展示验证码(本……用Axure制作2048小游戏相信很多人都玩过2048这款小游戏,文章主要是用Axure制作2048这款小游戏,一起来看看2048游戏简介游戏规则很简单,每次可以选择上下左右其中一个方向去滑动,……如何用Axure输出一份结构清晰的PRD?本文笔者将结合自己日常工作中的情况,为大家进行分析,如何用Axure输出一份结构清晰的PRD?现在,已经有很多PM习惯用Axure直接输出prd。但是一些PM通过Axur……APP单选功能如何用Axure画出来?单选是由多个单选项组成的选择控件,获取用户针对某个事情的唯一结果。常用场景有“微信APP我个人信息设置性别”、“iOS设置通知显示预览”等。原型画法(无交互)……Axure教程:用axure制作Web原型自适应电脑屏幕本篇文章作者主要讲的是关于用Axure制作Web原型自适应电脑屏幕,一起来看看用axure制作原型,很多刚入门的小白(包括我),制作原型的时候首先从制作App原型开始的,……用Axure制作推箱子小游戏本文是关于用Axure制作推箱子小游戏,一起来看看推箱子:游戏简介在一个狭小的仓库中,要求把木箱放到指定的位置,稍不小心就会出现箱子无法移动或者通道被堵住的情……Axure:使用动态面板实现拖动的方法本文分享了一个在Axure中利用动态面板实现拖动效果的方法,一起来看看分析:在Axure元件库中,动态面板是唯一一个能够实现拖动效果的元件。所以,实现步骤大体应该如……Axure:不用动态面板就能做好的手风琴效果初入行的产品新人,想向大家分享一个做手风琴的简单办法。第一步:在Axure里创建三个矩形,一个图片,一个占位符和一个列表框(可根据实际情况替换)。第二步,给这六个不……Axure:实现列表上下拖动的方法如何用Axure实现列表拖动排序?这篇文章《Axure教程:列表拖动排序的实现方式》提出用中继器可以实现,但是明确指出只能向上拖动。本文有个方法,……Axure:如何使用布尔运算制作图形?在制作原型中,经常会有些图形或者icon满足不了实际的需要,今天就简单讲一下如何使用Axure中的布尔运算完成图形的自定义。首先来熟悉一下布尔运算的几个命令:Uni……玩转Axure:轮播图制作技巧很多电商、知识付费、运动类产品的首页位置都会通过轮播图的方式来展示重点推荐的内容,方便用户最快触达信息,对产品数据增长起到重要作用,接下来讲解下如何使用Axure呈现该原型。……Axure案例:QQ音乐播放界面本文通过讲解制作QQ音乐交互原型的过程,了解如何实现旋转、计时器以及拖动等常见的交互效果。案例中综合运用了动态面板的循环、状态改变、拖动、文本改变以及旋转等事件,通过本案例的讲……
移动设备阅读体验如何让数据说话!网站实例分析浅谈页面设计中光的特效移动设备的简单交互设计腾讯资深产品经理谈敏捷开发于游戏论述游戏AI设计的未来发展趋势“用户维续”深度解析:社交游戏VS。休闲游戏向Google学习打造灵动的web体验手机产品设计中的反馈提示《凯西的精巧设计》关卡创建经验分享探寻一下用户体验设计的ExperienceAndroidUI设计准则

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界