代码改变世界

Axure交互效果2

2024-12-09 23:27  书书书书君  阅读(14)  评论(0编辑  收藏  举报

--本篇导航--

  • APP刷新提示推拉效果

  • 呼出登录键盘

  • 母版元件实现导航栏跳转

  • 全局变量


交互2

APP刷新提示推拉效果

刷新提示的弹窗的状态为显示、等待、隐藏,文字或图标显示出刷新中、刷新完成。同一元件有2种状态,可以使用动态面板实现。

呼出登录键盘

登录时有手机号和密码输入框,点击手机号输入框时自动弹出数字键盘,点击密码输入框时自动弹出字母键盘。

键盘的整个状态有:数字键盘、字母键盘、空白状态。

输入框有未输入状态(未获取焦点),获取焦点状态,输入状态(显示清除按钮)。

1、页面载入时,可以让第一行的手机号输入框自动获取焦点,弹出数字键盘。

2、设置手机号输入框和密码输入框的类型,让输入内容更准确设定为数字和密码类型,还可以设置数字的长度11位。

3、设置手机号输入框的交互:(密码输入框同理)

1)获取焦点时,弹出数字键盘的动态面板

2)输入内容后,出现清除×按钮

3)点击清除×按钮,清空输入内容

4)失去焦点时,隐藏清除×按钮

4、数字键盘和密码键盘的切换:在切换时,是先收起前一键盘,再弹出后一键盘。

母版元件实现导航栏跳转

给母版添加引用事件,给母版的各元件添加[引发事件]交互,之后将母版添加到其他页面中,给实例页面添加交互事来触发[引发事件],点击对应实例页面会刷新页面。

给母版内的元件与引发事件做绑定,即添加交互触发引发事件。

给每一个应用母版的实例页面中的母版部分,添加交互触发引用事件。

全局变量

Axure中变量有局部变量和全局变量。

局部变量的名字不能是中文。    
全局变量需要先创建,可以作用于整个文档,在任意页面调用或使用(跨页面,可以做提交表单)。

创建好全局变量后,将其与对应的元件进行绑定[设置变量值]。

将全局变量传递给另一个页面。