Interactions-交互(original English from Axure)

一、概述:
交互決定了一個(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

  1. 下面列舉所有可用的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
  2. 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
  3. 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:

  1. 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
  2. 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
  3. VARIABLES
    Set Variable Value: Sets the value of a global variable
  4. 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
  5. 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)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蝗锥,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子率触,更是在濱河造成了極大的恐慌终议,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件葱蝗,死亡現(xiàn)場離奇詭異穴张,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)两曼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評論 3 392
  • 文/潘曉璐 我一進(jìn)店門皂甘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人悼凑,你說我怎么就攤上這事偿枕。” “怎么了户辫?”我有些...
    開封第一講書人閱讀 162,931評論 0 353
  • 文/不壞的土叔 我叫張陵渐夸,是天一觀的道長。 經(jīng)常有香客問我渔欢,道長墓塌,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,218評論 1 292
  • 正文 為了忘掉前任奥额,我火速辦了婚禮苫幢,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘披坏。我一直安慰自己态坦,他們只是感情好盐数,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評論 6 388
  • 文/花漫 我一把揭開白布棒拂。 她就那樣靜靜地躺著,像睡著了一般玫氢。 火紅的嫁衣襯著肌膚如雪帚屉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,198評論 1 299
  • 那天漾峡,我揣著相機(jī)與錄音攻旦,去河邊找鬼。 笑死生逸,一個(gè)胖子當(dāng)著我的面吹牛牢屋,可吹牛的內(nèi)容都是我干的且预。 我是一名探鬼主播,決...
    沈念sama閱讀 40,084評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼烙无,長吁一口氣:“原來是場噩夢啊……” “哼锋谐!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起截酷,我...
    開封第一講書人閱讀 38,926評論 0 274
  • 序言:老撾萬榮一對情侶失蹤涮拗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后迂苛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體三热,經(jīng)...
    沈念sama閱讀 45,341評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評論 2 333
  • 正文 我和宋清朗相戀三年三幻,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了就漾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,731評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡念搬,死狀恐怖从藤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锁蠕,我是刑警寧澤夷野,帶...
    沈念sama閱讀 35,430評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站荣倾,受9級特大地震影響悯搔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜舌仍,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評論 3 326
  • 文/蒙蒙 一妒貌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧铸豁,春花似錦灌曙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至头镊,卻和暖如春蚣驼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背相艇。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評論 1 269
  • 我被黑心中介騙來泰國打工颖杏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人坛芽。 一個(gè)月前我還...
    沈念sama閱讀 47,743評論 2 368
  • 正文 我出身青樓留储,卻偏偏與公主長得像翼抠,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子获讳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評論 2 354

推薦閱讀更多精彩內(nèi)容