一、概述:
交互決定了一個(gè)部件或者一個(gè)頁面的動態(tài)行為时呀,它有三種:events订雾、cases和actions。我們可以在Inspector's Properties中來做交互的設(shè)計(jì)實(shí)現(xiàn)冕杠。
二微姊、EVENTS
在Axure RP里,一個(gè)“event”就是一個(gè)觸發(fā)器分预。一個(gè)event會觸發(fā)一個(gè)或者多個(gè)cases以及構(gòu)成它們的actions的預(yù)備響應(yīng)兢交。例如,OnClick event會在一個(gè)部件被點(diǎn)擊(click)的時(shí)候被觸發(fā)笼痹,OnMouseEnter event會在鼠標(biāo)光標(biāo)進(jìn)入部件區(qū)域的時(shí)候被觸發(fā)配喳,OnMove event會在另一action在頁面中移動某部件時(shí)被觸發(fā),諸如此類凳干。
常見的一些events列舉在交互區(qū)的Properties中晴裹。如果想要其他的events,點(diǎn)擊"More Events"即可救赐。
三涧团、CASES
case是一個(gè)附屬于某個(gè)特定的部件或頁面的某個(gè)特定的event的一系列有序的效果(outcomes??泌绣?)钮追。
通過在屬性里雙擊event名稱來對此event增添新的case。也可以單擊選擇event名稱之后再點(diǎn)擊交互一欄上面的“Add Case”來增添新case阿迈。
一個(gè)event可以有一個(gè)或多個(gè)case元媚。在有多個(gè)case的情況下,條件判斷經(jīng)常是哪一個(gè)case會被實(shí)現(xiàn)的決定條件仿滔。如果沒有用到條件判斷惠毁,當(dāng)觸發(fā)event事件時(shí),所有的case都會出現(xiàn)崎页。If conditional logic is not used, a selection menu of all cases appears in the browser when the triggering event occurs.
四鞠绰、ACTIONS
case編輯框里包含了所有可能的action。action時(shí)當(dāng)event被觸發(fā)時(shí)所有可能出現(xiàn)的結(jié)果飒焦。一個(gè)或多個(gè)action會以總交互的形式出現(xiàn)蜈膨。action包括打開一個(gè)新頁面的鏈接,更改一個(gè)部件里的文字牺荠,展示或隱藏某個(gè)部件等翁巍。
當(dāng)一個(gè)case里有很多action出現(xiàn)時(shí),這些action通常按照順序來進(jìn)行休雌。但動畫action是個(gè)例外灶壶,例如移動(move)、旋轉(zhuǎn)(rotate)杈曲、隱藏(hide)和調(diào)整尺寸(resize)這些action驰凛,它們會同時(shí)進(jìn)行,以此來展現(xiàn)復(fù)雜的動畫效果担扑。
五恰响、FOOTNOTE ICONS
當(dāng)帶有注釋或者交互的部件在畫布上可見時(shí),其右上角會有藍(lán)色標(biāo)有數(shù)字的腳注涌献。想要更改腳注的可見性的話胚宦,使用"View > Show Footnotes" 來更改。
可以通過幾種方式來更改腳注的數(shù)字燕垃。更改單獨(dú)腳注的數(shù)字的話枢劝,點(diǎn)擊部件名稱旁邊的數(shù)字,再輸入想要更改的數(shù)字即可卜壕。也可以通過"Arrange > Footnotes"菜單來增加或減少這個(gè)數(shù)字您旁。若想更改所有頁面的注腳的數(shù)字,使用"Arrange > Footnotes > Renumber All Footnotes"印叁。
六被冒、EVENTS LIST
- 下面列舉所有可用的event:
OnClick: 點(diǎn)擊部件時(shí)
OnMouseEnter: 鼠標(biāo)光標(biāo)在部件上方移動時(shí)
OnMouseOut: 鼠標(biāo)光標(biāo)從部件移出時(shí)
OnDoubleClick: 雙擊部件時(shí)
OnContextMenu: 右鍵單擊部件時(shí)
OnMouseDown: 當(dāng)鼠標(biāo)向下按军掂,部件被點(diǎn)擊時(shí)
OnMouseUp:點(diǎn)擊釋放時(shí)
OnMouseMove: 鼠標(biāo)在部件上方移動的時(shí)候連續(xù)觸發(fā)
OnMouseHover: 鼠標(biāo)光標(biāo)在部件上方停留超過一秒時(shí)
OnLongClick: 長按部件時(shí)
OnKeyDown: 在部件里打字鍵盤被點(diǎn)擊時(shí)
OnKeyUp: When a keyboard key is released while typing in a widget
OnMove: 在部件被“move”動作移動的最開始時(shí)觸發(fā)
OnRotate: 在部件被“rotate”動作旋轉(zhuǎn)的最開始時(shí)觸發(fā)
OnResize: 部件大小被"set size" 動作改變時(shí)(如使用動畫,OnResize在動畫結(jié)束時(shí)觸發(fā))
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 - TEXT FIELDS AND TEXT AREAS ONLY:
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 - REPEATERS ONLY:
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)
4.PAGES (OR MASTERS) ONLY:
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
七昨悼、ACTIONS LIST
Below is the list of all available actions in Axure RP:
- LINKS
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 - WIDGETS
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 - VARIABLES
Set Variable Value: Sets the value of a global variable - REPEATERS
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 - MISCELLANEOUS
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)