메뉴 닫기

Axure RP에서 사용되는 인터랙션의 종류

개요

Axure RP에서 사용되는 인터랙션의 종류입니다. 이 글은 공식 홈페이지에 있는 글을 옮긴 글입니다.

 

이벤트 리스트

모든 위젯에 적용 가능한 이벤트

  • OnClick: When a widget is clicked
  • OnMouseEnter: When the cursor is moved over a widget
  • OnMouseOut: When the cursor is moved away from a widget
  • OnDoubleClick: When a widget is double-clicked
  • OnContextMenu: When a widget is right-clicked
  • OnMouseDown: When a widget is clicked, while the cursor is pressed down
  • OnMouseUp: Upon release of a click
  • OnMouseMove: Fires continuously as the cursor is moved while over a widget
  • OnMouseHover: After the cursor hovers over a widget for one second
  • OnLongClick: When a widget is clicked and held
  • OnKeyDown: When a keyboard key is pressed while typing in a widget
  • OnKeyUp: When a keyboard key is released while typing in a widget
  • OnMove: Fires at the beginning of the movement of a widget being moved by a “move” action
  • OnRotate: Fires at the beginning of the rotation of a widget being rotated by a “rotate” action
  • OnResize: When a widget’s size is changed by a “set size” action (if using animation, OnResize fires at the end of the animation)
  • OnShow: When a widget is shown by a “show” action (if using animation, OnShow fires at the end of the animation)
  • OnHide: When a widget is hidden by a “hide” action (if using animation, OnHide fires at the end of the animation)
  • OnFocus: When a widget gets focus by being clicked or tabbed to
  • OnLostFocus: When a widget loses focus
  • OnLoad: When the widget initially loads (triggered by the containing page loading)
  • OnSelectedChange: When a widget’s selected state changes due to a “set selected” action (or with a click, for checkbox and radio button widgets)
  • OnSelected: When a widget is set to selected with a “set selected” action (or with a click, for checkbox and radio button widgets)
  • OnUnselected: When a widget is set to unselected with a “set selected” action (or with a click, for checkbox and radio button widgets)
  • OnSelectionChange: When a list option is selected that differs from the previous selection

 

텍스트 필드와 영역 전용

  • OnTextChange: When text is added or removed
  • OnPanelStateChange: When a dynamic panel state is set using the “set panel state” action
  • OnDragStart: When a drag begins
  • OnDrag: Fires continuously while a panel is being dragged
  • OnDragDrop: When a drag ends
  • OnSwipeLeft: When a panel is swiped from right to left
  • OnSwipeRight: When a panel is swiped from left to right
  • OnSwipeUp: When a panel is swiped from bottom to top
  • OnSwipeDown: When a panel is swiped from top to bottom
  • OnScroll: When a panel with scrollbars is scrolled
  • OnScrollUp: When a panel with scrollbars is scrolled up
  • OnScrollDown: When a panel with scrollbars is scrolled down

 

리피터 전용

  • OnItemLoad: When the repeater item loads initially and when the contents of any repeater item change
  • OnItemResize: When any item’s size changes through any interaction (such as a change in a contained widget’s visibility or size)

 

페이지(혹은 마스터) 전용

  • OnPageLoad: When a page initially loads
  • OnWindowResize: When the browser window is resized
  • OnWindowScroll: When the browser window is scrolled
  • OnWindowScrollUp: When the browser window is scrolled up
  • OnWindowScrollDown: When the browser window is scrolled down
  • OnPageClick: When any part of the page that does not include a widget is clicked
  • OnPageDoubleClick: When any part of the page that does not include a widget is double-clicked
  • OnPageContextMenu: When any part of the page that does not include a widget is right-clicked
  • OnPageMouseMove: When the mouse moves anywhere on the page
  • OnPageKeyDown: When a keyboard key is pressed
  • OnPageKeyUp: When a keyboard key is released
  • OnAdaptiveViewChange: When the current adaptive view changes due to the window resizing or the view being set through the “set adaptive view” action or prototype sidebar

 

액션 리스트

링크

  • Open Link / Current Window: Opens a page or external URL in the current window
  • Open Link / New Window/Tab: Opens a page or external URL in a new window or tab
  • Open Link / Popup Window: Opens a page or external URL in a popup window of configured size and properties
  • Open Link / Parent Window: Used from a popup window to change the page loaded in the parent window that opened it
  • Close Window: Closes the current window
  • Open Link in Frame / Inline Frame: Used to change the page loaded in an inline frame
  • Open Link in Frame / Parent Frame: Used from a page loaded in an inline frame to change the page loaded in the parent frame
  • Scroll to Widget (Anchor Link): Scrolls a page to the location of a widget
  • Set Adaptive View: Manually changes the adaptive view loaded in the browser, regardless of the browser size

 

위젯

  • Show/Hide / Show: Shows (makes visible) a widget which was set to hidden
  • Show/Hide / Hide: Hides a widget
  • Show/Hide / Toggle Visibility: Alternatingly shows a widget if it is hidden or hides a widget if it is visible
  • Set Panel State: Controls the current state of a dynamic panel
  • Set Text: Changes the text on a widget
  • Set Image: Changes an image on an image widget
  • Set Selected/Checked / Selected: Sets the style of a widget to its selected style, or selects a checkbox or radio button
  • Set Selected/Checked / Not Selected: Sets the style of a widget to its unselected (Default) style, or deselects a checkbox or radio button
  • Set Selected/Checked / Toggle: Alternatingly sets a selected widget to not selected and the reverse
  • Set Selected List Option: Sets a chosen list option of a droplist or listbox to selected
  • Enable/Disable / Enable: Set widget to active/selectable and its Default style
  • Enable/Disable / Disable: Set widget to inactive/unselectable and its Disabled style
  • Move: Moves a widget
  • Rotate: Rotates a widget around a chosen anchor point
  • Set Size: Sets the size of a widget
  • Bring to Front/Back / Bring to Front: Brings a widget to the front layer in depth (z-index) of the page
  • Bring to Front/Back / Send to Back: Sends a widget to the back layer in depth (z-index) of the page
  • Set Opacity: Sets the opacity of a widget
  • Focus: Sets the focus of the cursor on a form widget or clickable widget
  • Expand/Collapse Tree Node / Expand Tree Node: Expands the selected nodes of a tree widget
  • Expand/Collapse Tree Node /Collapse Tree Node: Collapses the selected nodes of a tree widget

 

변수

  • Set Variable Value: Sets the value of a global variable

 

리피터

  • Add Sort: Sort a repeater dataset using the specified sort criteria
  • Remove Sort: Removes a sort added to a repeater
  • Add Filter: Filters a repeater dataset using the specified filter criteria
  • Remove Filter: Removes a filter added to a repeater
  • Set Current Page: Shows a specific page of a repeater dataset (for repeaters with pagination added in the layout)
  • Set Items per Page: Sets number of repeater items displayed per page (for repeaters with pagination added in the layout)
  • Datasets / Add Rows: Add data to the repeater dataset
  • Datasets / Mark Rows: Marks rows in a repeater that meet specified criteria
  • Datasets / Unmark Rows: Unmarks rows in a repeater that meet specified criteria
  • Datasets / Update Rows: Updates data in the dataset
  • Datasets / Delete Rows: Deletes rows from a repeater dataset

 

기타

  • Wait: Adds a pause of the designated amount of time before any subsequent actions fire
  • Other: Shows a specified text description (as a placeholder for an action that has not been prototyped)
  • Fire Event: Fires a designated event on another widget
  • Raise Event: “Raises” an event on a widget in a master so that each individual instance of the master can have different cases for that event (learn more in our Raised Events training article)

애니메이션

표시 효과

  • Fade: Gradually changes the widget or state’s opacity until it is completely in or out of view
  • Slide left/right/up/down: Slides the widget or state into or out of view
  • Flip left/right/up/down: Flips the widget or state into or out of view along a center axis (X for up/down and Y for left/right)

 

동작 효과

  • Swing: The animation is very slightly slower at the beginning and end of the timing than it is at the midpoint
  • Linear: The animation progresses at the same speed throughout the entire timing
  • Ease in cubic: The animation starts out slow and progressively gets faster until the end of the timing
  • Ease out cubic: The animation starts out fast and progressively gets slower until the end of the timing
  • Ease in out cubic: The animation starts out slow and progressively gets faster until the midpoint of the timing; then it progressively gets slower again. (This is similar to Swing but more pronounced.)
  • Bounce: The animation speeds up like Ease in cubic but bounces back a few times once the animation’s finishing point is reached
  • Elastic: The animation overshoots its finishing point and then springs back to it

댓글 남기기