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

11 评论 404281 浏览 259 收藏 4 分钟

(三)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教程 动态面板的用途(8)

Axure教程 带遮罩层的弹出框(9)

Axure教程 动态面板滑动效果(10)

更多Axure学习技巧:Axure专栏

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 学习了 刚看完123 觉得不是很懂

    来自北京 回复
  2. 呵呵哒~ 😕

    来自陕西 回复
  3. 请问那里可以下载中文版的

    来自广东 回复
    1. 汉化

      来自广东 回复
  4. 😕

    来自北京 回复
  5. 没看懂

    来自北京 回复
  6. 对菜鸟来说,一到(3)就觉得好难懂了,不是才刚介绍完元件嘛

    来自上海 回复
  7. 学习了,O(∩_∩)O谢谢。

    来自安徽 回复
  8. 谢谢

    来自广东 回复
  9. 学习了

    来自江苏 回复