Interactions-交互(original English from Axure)

一、概述:
交互决定了一个部件或者一个页面的动态行为,它有三种:events、cases和actions。我们可以在Inspector's Properties中来做交互的设计实现。

二、EVENTS
在Axure RP里,一个“event”就是一个触发器。一个event会触发一个或者多个cases以及构成它们的actions的预备响应。例如,OnClick event会在一个部件被点击(click)的时候被触发,OnMouseEnter event会在鼠标光标进入部件区域的时候被触发,OnMove event会在另一action在页面中移动某部件时被触发,诸如此类。
常见的一些events列举在交互区的Properties中。如果想要其他的events,点击"More Events"即可。

三、CASES
case是一个附属于某个特定的部件或页面的某个特定的event的一系列有序的效果(outcomes???)。
通过在属性里双击event名称来对此event增添新的case。也可以单击选择event名称之后再点击交互一栏上面的“Add Case”来增添新case。
一个event可以有一个或多个case。在有多个case的情况下,条件判断经常是哪一个case会被实现的决定条件。如果没有用到条件判断,当触发event事件时,所有的case都会出现。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时当event被触发时所有可能出现的结果。一个或多个action会以总交互的形式出现。action包括打开一个新页面的链接,更改一个部件里的文字,展示或隐藏某个部件等。
当一个case里有很多action出现时,这些action通常按照顺序来进行。但动画action是个例外,例如移动(move)、旋转(rotate)、隐藏(hide)和调整尺寸(resize)这些action,它们会同时进行,以此来展现复杂的动画效果。

五、FOOTNOTE ICONS
当带有注释或者交互的部件在画布上可见时,其右上角会有蓝色标有数字的脚注。想要更改脚注的可见性的话,使用"View > Show Footnotes" 来更改。

可以通过几种方式来更改脚注的数字。更改单独脚注的数字的话,点击部件名称旁边的数字,再输入想要更改的数字即可。也可以通过"Arrange > Footnotes"菜单来增加或减少这个数字。若想更改所有页面的注脚的数字,使用"Arrange > Footnotes > Renumber All Footnotes"。

六、EVENTS LIST

  1. 下面列举所有可用的event:
    OnClick: 点击部件时
    OnMouseEnter: 鼠标光标在部件上方移动时
    OnMouseOut: 鼠标光标从部件移出时
    OnDoubleClick: 双击部件时
    OnContextMenu: 右键单击部件时
    OnMouseDown: 当鼠标向下按,部件被点击时
    OnMouseUp:点击释放时
    OnMouseMove: 鼠标在部件上方移动的时候连续触发
    OnMouseHover: 鼠标光标在部件上方停留超过一秒时
    OnLongClick: 长按部件时
    OnKeyDown: 在部件里打字键盘被点击时
    OnKeyUp: When a keyboard key is released while typing in a widget
    OnMove: 在部件被“move”动作移动的最开始时触发
    OnRotate: 在部件被“rotate”动作旋转的最开始时触发
    OnResize: 部件大小被"set size" 动作改变时(如使用动画,OnResize在动画结束时触发)
    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)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,277评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,689评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,624评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,356评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,402评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,292评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,135评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,992评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,429评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,636评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,785评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,492评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,092评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,723评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,858评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,891评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,713评论 2 354

推荐阅读更多精彩内容