×
关于

核心训练

准备开始页面操作部件库和 Masters建立交互引入动态面板条件、值和变量

从头开始

电子商务网站手机上展示的原型

原型设计基础指南

按钮的交互显示隐藏部件用户自定义 Tooltip导航菜单

Masters 指南

上一页/下一页链接 Master

动态面板指南

图片循环显示制作自定义的下拉菜单折叠控制选项板部件视频与图片的 Lightbox图像的拖拽交互拖拽地图自动旋转标题

高级原型设计指南

账户登录Auto-Tab 字段Terms 和 Conditions下拉列表选择必填字段设置文本下拉列表将文本传递给下一个页面在下一个页面上设置面板

Web 设计指南

嵌入视频和地图

iPhone App 指南

滑动菜单滚动内容屏幕过渡动画Swipping 幻灯片

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

Auto-Tab 字段


检测输入的字符数量

添加 OnKeyUp Case

image

首先,打开AxureAutoTab.rp打开 Auto-Tab 页面。 选择第一个文本字段,添加一个 Case 到 OnKeyUp 事件。在 Case 编辑器中,单击“添加条件”打开条件生成器。

构建条件

image

在条件构建器,设置行为“AreaCode 中部件的长度值等于3”。
单击 OK 并关闭条件生成器。

聚焦到下一个字段

image

在 Case 编辑器中选择 Focus,然后单击 MiddleDigits 的复选框。

单击 OK 并关闭编辑器。

重复步骤设置中间的文本字段

image

重复步骤1到3设置中间的文本字段。而且为中间的文本字段设置同样的条件,并且把操作设置为聚焦到最后的文本字段。

为最后文本字段添加条件

image

在最后的文本字段,添加一个 OnKeyUp 事件,这一次把条件设为“最后的小部件的长度值等于4”。
单击 OK,并关闭条件生成器。

添加 Show 操作

image

在 Case 编辑器中,选择“显示”行动并单击 SubmitButton 的复选框。 现在,当用户输入4位数在文本框中,隐藏的提交按钮将显示出来。

预览原型并测试它吧!

总结

你的电话号码和社交保密文本永远都不相同的了。
还需要其他帮助吗?查看论坛或联系我们 support@axure.com


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)