首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Axure交互效果2

--本篇导航--

APP刷新提示推拉效果

呼出登录键盘

母版元件实现导航栏跳转

全局变量

交互2

APP刷新提示推拉效果

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

呼出登录键盘

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

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

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

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

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

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

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

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

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

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

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

母版元件实现导航栏跳转

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

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

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

变量与函数

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

局部量的名字不能是中文。

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

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

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

  • 发表于:
  • 原文链接https://page.om.qq.com/page/O_e_d06DWitk13EjgSgiZF4g0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券