快好知 kuaihz订阅观点

 

Axure教程 axure新手入门基础(3)

(三)Axure rp元件的触发事件

l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发。比如点击按钮。

l  OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍。

l  OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发。比如鼠标离开图片时,图片介绍消失。

l  OnKeyUp(按键弹起时): 文本框(单行与多行)编辑时,键盘按下某一个按键松开时触发,不支持其他axure元件。比如统计文本框输入的字数。

l  OnFocus(获取焦点时): 当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时,清空“请输入关键字”的提示。

l  OnLostFocus(失去焦点时): 当一个组件失去焦点时触发。比如用户名、密码的验证。

l  OnChange(选中项改变时):下拉列表框或列表框的选中项改变时触发,不支持其他元件。比如选择地址时,选择不同的省份,显示对应的省内城市。

动态面板专属事件

l  OnMove(移动时): 当动态面板移动时触发。是指通过其他事件的触发控制面板移动时,比如当进度条移动时,进度比例的变化。

l  The OnShow and OnHide events(显示或隐藏时): 当动态面板隐藏或显示时触发。比如图片显示时按钮文字是关闭图片,图片隐藏时按钮文字变为打开图片。

l  OnPanelStateChange(状态改变时): 当动态面板更改面板的状态时触发

比如通过改变动态面板状态实现的进度条效果,当状态改变时改变相应的进度比例。

l  OnDragStart: Occurs when the drag begins(开始拖动面板时):当开始拖动动态面板触发。比如在动态面板拖动开始时,显示“拖动开始”的文字提示。

l  OnDrag: Occurs as the panel is dragged(面板拖动时):动态面板拖动时触发,比如拖动一块动态面板另外一块跟随移动。

l  OnDragDrop: Occurs when the panel is dropped(面板拖动结束时): 当拖拽结束时触发。比如滑动解锁,面板拖动结束时根据滑块的位置设置相应的效果。

本文作者:@小楼;转载自:Axure原创教程网

新手入门基础教程目录

Axure教程 axure新手入门基础(1)

Axure教程 axure新手入门基础(2)

Axure教程 axure新手入门基础(3)

Axure教程 axure新手入门基础(4)

Axure教程 axure新手入门基础(5)

Axure教程 关于Axure rp触发事件中IF和ELSE IF的使用说明(6)

Axure教程 axure元件使用思路的补充(7)

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:新手入门  新手入门词条  基础  基础词条  教程  教程词条  Axure  Axure词条  axure  axure词条  
原型

 Axure教程:快速上手中继器,...

本文分享了使用中继器设计小标签,实现动态添加和删除的方法。如何快速上手使用中继器,一起来看看~何时使用标签用于标记事物的属性和维度。进行分类。先上效果:步骤第一...(展开)

原型

 ProtoPie进阶教程1-3:...

计时器——用户可设定时间段,点击开始后时间倒数,直到结束。本案例中用户可以设定24小时以内的任意时间值进行倒计时,开始计时后界面显示剩余时间,同时圆环显示剩余时...(展开)