【正文】 的表明功能詳情。比如你父母做好飯菜給你，你就吃飯；給你10塊錢，一個(gè)瓶子，囑托你買醬油，你就會(huì)一溜煙 小跑去打醬油（這個(gè)比喻有點(diǎn)過時(shí)，現(xiàn)在都不這么買了）。我們以一條簡(jiǎn)單的文字鏈接為例：“hawking 的 axure rp 5 文章列表”。我把交互分為三個(gè)部分的：交互觸發(fā)、交互條件、交互行為。這章我著重講解交互觸發(fā)與交互行為中的快速鏈接，詳情的交互行為與交互條件留待后面兩章進(jìn)行詳解。交互觸發(fā)：是發(fā)生交互的導(dǎo)火索，說明引起交互的觸發(fā)動(dòng)作是什么。交互條件：是達(dá)成我們目標(biāo)行為的前提條件。 再以此文字鏈接為例，如果對(duì)查看文章列表沒有任何限制，則不設(shè)置交互條件，用戶點(diǎn)擊文字鏈，直接發(fā)生交互行為。 PS：有條件本身，就必然會(huì)有條件的反面。在寫文檔的時(shí)候，必須考慮進(jìn)去，說明清楚，這一點(diǎn)最容易疏漏，而造成程序員在開發(fā)的時(shí)候想當(dāng)然，或者再回來問你。交互行為：是機(jī)器依據(jù)觸發(fā)事件與條件，做出的反應(yīng)動(dòng)作或行動(dòng)。一、交互觸發(fā)觸發(fā)主要有兩種，一種是頁(yè)面載入觸發(fā)，一種是鼠標(biāo)行為觸發(fā)。page interactions面版中。Axure暫時(shí)僅支持一種頁(yè)面觸發(fā)條件，就是OnPageLoad當(dāng)頁(yè)面載入時(shí)。Add case：給所選對(duì)象增加事件。（功能前提，選擇你索要編輯的事件，比如鼠標(biāo)選擇case 1）。（功能前提，選擇你索要編輯的事件，比如鼠標(biāo)選擇case 1）。Axure支持的鼠標(biāo)觸發(fā)行為根據(jù)你所選擇的對(duì)象不同而不同，選擇圖形、文字、鏈接會(huì)出現(xiàn)三種觸發(fā)行為：Onclick：當(dāng)鼠標(biāo)點(diǎn)擊目標(biāo)時(shí)，觸發(fā)交互行為。OnMouseOut：當(dāng)鼠標(biāo)從目標(biāo)熱區(qū)移出時(shí)，觸發(fā)交互行為。OnFocus：當(dāng)鼠標(biāo)選擇、聚焦到對(duì)象時(shí)，觸發(fā)交互行為。特別的，選擇下拉框、列表框會(huì)出現(xiàn)：Onchange：當(dāng)所選項(xiàng)被更改時(shí)，觸發(fā)交互行為。Quick link：快速添加鏈接。二、交互行為—快速鏈接選擇好交互觸發(fā)后，在對(duì)交互沒有特定條件設(shè)置的前提下，我們可以直接設(shè)置此次觸發(fā)引起的交互行為。選擇對(duì)象后，點(diǎn)擊快速鏈接則會(huì)彈出如下link properties 鏈接屬性面版：如圖所示，此面版中有四條可選命令：link to a page in this design：鏈接到這個(gè)項(xiàng)目中的某一特定頁(yè)面。link to an external url or file：鏈接到一個(gè)外部鏈接或者文件。注意：鏈接最好是絕對(duì)鏈接地址，不然就容易出錯(cuò)。Variable changes are applied變量變化生效。Varable changes are not applied變量變化不生效。交互條件是axure的學(xué)習(xí)中的難點(diǎn)，也是axure高段進(jìn)階功能。但是，我要強(qiáng)調(diào)一點(diǎn)觀點(diǎn)，傳達(dá)思想是首要的工作，傳達(dá)思想也是有成本的，如果為了傳達(dá)思想要耗費(fèi)更多無意義的勞動(dòng)，損耗更多的時(shí)間，增加更多的溝通難度，不要也罷！我個(gè)人覺得，我們?cè)谧鲈驮O(shè)計(jì)的時(shí)候，有沒有必要把頁(yè)面模擬到和真實(shí)情況一模一樣，這個(gè)還值得探討。一、進(jìn)入 交互條件設(shè)置當(dāng)我們選擇好了交互觸發(fā)，通過雙擊選擇促發(fā)動(dòng)作，或者點(diǎn)擊add case ，就會(huì)彈出interaction case properties 交互事件屬性窗口。面板告訴了我們?nèi)讲呗裕篠tep1 description 描述描述后的input輸入框，可以編寫事件的名稱，或者事件的描述文字，以供生成html頁(yè)面展示時(shí)標(biāo)注此事件，也供生成需求文檔的時(shí)候辨識(shí)此功能功能。這就是這章所要說的重點(diǎn)內(nèi)容，為我們要?jiǎng)?chuàng)建的交互事件，設(shè)置前提條件。我想會(huì)清晰很多。第二步與第三步，就是我下一章要說的交互行為，或者叫交互動(dòng)作也可以。這些我們稍后再看，還是先來了解下，我們可以怎么設(shè)置條件。 選擇all，則需要滿足我們?cè)O(shè)置的所有條件；假設(shè)，你設(shè)置了條件a、b、c，則你需要同時(shí)滿足條件a、b、c，才能產(chǎn)生最后的交互。假設(shè)，你設(shè)置了條件a、b、c，則你需要滿足a、b、c中任何一個(gè)條件，就能產(chǎn)生最后的交互。B、設(shè)置具體條件a)增加條件與刪除條件。b)條件設(shè)置注意：在設(shè)置條件前，需要給條件所涉及的widgets對(duì)象設(shè)置label名稱，因?yàn)闂l件設(shè)置，需要用label定位widgets。為什么這么說呢？這是我的深刻教訓(xùn)，我在寫這篇攻略的時(shí)候走了一段比較長(zhǎng)的彎路，最后才發(fā)現(xiàn)自己的錯(cuò)誤，所以也非常希望朋友們不走我一樣的彎路。我最開始把條件設(shè)置看做5個(gè)部分，1是作為條件類型的設(shè)置，則2是設(shè)置要比較的對(duì)象，3是比較方式，然后根據(jù)你選擇的對(duì)象，后面5會(huì)分別出現(xiàn)不 同的可比較條件或設(shè)置條件。所以一開始，我根據(jù)1可能出現(xiàn)的六種類 型，畫了6個(gè)大表格，企圖把所有的情況囊括，做了很多無用功。而左右兩邊是被比較的兩個(gè)對(duì)象。而我們要做的工作就是設(shè)置a與b的關(guān)系。我們不可能設(shè)置讓一個(gè)變量，等于一個(gè)區(qū)域被選擇的狀態(tài)。比較對(duì)象類型 比較針對(duì)目標(biāo) 注意 check state of 多項(xiàng)/單項(xiàng)選擇框的選擇狀態(tài) 多項(xiàng)選擇（checkbox）、單項(xiàng)選擇（radio button）。 此項(xiàng)目只能與選擇狀態(tài)比較，或者value of variable變量值比較，不能與其他類型的對(duì)象比較。 selected option of 所選擇的菜單 下拉菜單條droplist或者list box列表文本框。 此選項(xiàng)根據(jù)條件設(shè)置情況只出現(xiàn)在b。其實(shí)很簡(jiǎn)單，朋友們可以自己做一兩個(gè)例子，把 所有的wigets拖到頁(yè)面里，并根據(jù)各自的情況命名label，然后一條條的選擇，操作一下就清楚了，我這里主要提的是一個(gè)理解的方法，條件含義的說 明。C、自動(dòng)生成對(duì)條件的文字描述條件的第三部份基本上不需要我們手動(dòng)設(shè)置，在進(jìn)行第二步條件設(shè)置的時(shí)候，這里會(huì)自動(dòng)生成描述性的英文。所以這里的重點(diǎn)意義，在于生成prd文檔的時(shí)候，會(huì)生成條件的說明文字。好了，交互條件設(shè)置基本上說完了，可能會(huì)有一些不清楚，因?yàn)檫@里的條件設(shè)置會(huì)涉及到部分的程序的內(nèi)容，而且條件設(shè)置有點(diǎn)繞，有點(diǎn)暈。為什么條件設(shè)置不重要？我要提出我的幾點(diǎn)理由：設(shè)置過于復(fù)雜的條件，做成的展示文件，可能根本沒有用途。你需要花費(fèi)過多的時(shí)間?；ㄉ诘恼故荆撾x了產(chǎn)品策劃的精髓。而那些可以達(dá)到的效果，也沒有 必要我們費(fèi)勁心機(jī)的讓它在策劃階段就實(shí)現(xiàn)。由上，所以我一再?gòu)?qiáng)調(diào)，除非必要，真的不用研究得太深，表現(xiàn)得太細(xì)致，這只是個(gè)工具。不過在講解這個(gè)之前，我想我們可以回顧一下交互這一小節(jié)的所說的三部分：交互觸發(fā)、交互條件、交互行為。(我喜歡干這些無厘頭的事情….我覺得對(duì)開拓思路有益。后來我又想到了信息的處理，交互觸發(fā)是設(shè)置我們要傳遞的信息內(nèi)容；交互條件是設(shè)置我們對(duì)信息的處理方式；交互行為是反饋我們的信息處理結(jié)果?；蛘呶蚁?，我們也可以把它理解成為一個(gè)因果條件關(guān)系，因?yàn)椤?滿足….所以….。完成聯(lián)想，那么我們繼續(xù)來看，在設(shè)置好觸發(fā)內(nèi)容與判斷條件后，我們可以跟用戶展示些什么，我想大家肯定都迫不及待了！但是我不得不先潑一點(diǎn)冷水，因?yàn)槟憧赡軙?huì)經(jīng)受挫折！我們可以干什么呢？交互設(shè)計(jì)師和產(chǎn)品經(jīng)理想干很多事情，你可以想象，但是很多情況下無可奈何。而現(xiàn)在我們要用axure rp表達(dá)出來，我們又受到了axure的限制，這就使得我們往往“可想而不可及”。我希望你不是個(gè)制作者，你應(yīng)該是個(gè)設(shè)計(jì)者！你需要明確一條，axure rp 只是個(gè)工具，因此使用或不使用它，或使用它多少的功能，應(yīng)該由你控制，而不能讓它控制了你的思維，讓自己成為工具的奴隸。過分的追求ps、3d max、ai等工具的掌握，讓自己成了工具的奴隸，卻忘記了最有價(jià)值的是自己的頭腦，是閃光的idea。但是我這么說，并不是說學(xué)習(xí)axure能干什么不重要，恰恰相反！扎實(shí)而基礎(chǔ)的掌握axure所有的功能，才能讓你在做表達(dá)的時(shí)候游刃有余。那么，我們還是扎實(shí)的一一學(xué)習(xí)，我們到底可以用axure 表達(dá)什么交互行為吧?？梢哉f，step2是我們選擇要進(jìn)行的動(dòng)作，而step3是我們要對(duì)動(dòng)作設(shè)置參數(shù)，通過點(diǎn)擊選擇，或者輸入文字?jǐn)?shù)據(jù)，控制動(dòng)作具體的內(nèi)容。動(dòng)作：open link in popup window在彈出窗口中打開鏈接參數(shù)： properties鏈接屬性對(duì)話框，主體內(nèi)容與動(dòng)作1的參數(shù)一致。 editor彈出窗口編輯器，用于設(shè)置彈出窗口的屬性。選擇則表示可以使用，不選擇則表示不可使用。注意，高寬只包括內(nèi)容區(qū)，不包括整個(gè)windows。動(dòng)作：open link in parent window 在父窗口中打開鏈接參數(shù)：點(diǎn)擊link彈出link properties鏈接屬性對(duì)話框，設(shè)置內(nèi)容和動(dòng)作2的link屬性一致。參數(shù)：點(diǎn)擊link in frame進(jìn)入open link in frame目標(biāo)框架設(shè)置窗口Step1是select frames選擇你要操作的框架，如果頁(yè)面中有多個(gè)框架，你也可以多選。動(dòng)作：set panel state(s) to state(s)設(shè)置面板的狀態(tài)變轉(zhuǎn)換參數(shù)：點(diǎn)擊panel state to state面板切換進(jìn)入set panel state to state面板切換設(shè)置窗口step1:select panels選擇面板。Step2是edit actions description編輯動(dòng)作描述，也就是編輯你的面板將做什么樣的狀態(tài)變化，這里通過點(diǎn)擊狀態(tài)界面的名稱“1”， 彈出select panel state選擇面板狀態(tài)窗口，列表出你多選面板所包含的所有狀態(tài)名稱，你可以選擇一個(gè)作為想要獲取的目標(biāo)狀態(tài)。參數(shù)：通過點(diǎn)擊panel進(jìn)入selects panels面板選擇窗口，通過鼠標(biāo)選擇你要顯示的面板。面板同動(dòng)作7?？刂泼姘宓目梢妼傩裕陲@示與隱藏之間轉(zhuǎn)換。參數(shù)：通過點(diǎn)擊panel進(jìn)入selects panels面板選擇窗口，通過鼠標(biāo)選擇你要控制的面板。動(dòng)作：move panel(s)移動(dòng)面板。參數(shù)：通過點(diǎn)擊panel to (x,y)進(jìn)入move dynamic panels移動(dòng)動(dòng)態(tài)面板控制窗口。通過點(diǎn)擊選擇你要操作的頁(yè)面，你想要移動(dòng)的面板。其中move widget 后的下拉選擇項(xiàng)目有to和by兩個(gè)選項(xiàng)。1動(dòng)作：set variable and widgets value(s) equal to value(s)設(shè)置變量或者工具的值的變化值參數(shù)：通過點(diǎn)擊variable and widget value equal to value進(jìn)入set variable and widget values設(shè)置變量和工具值窗口此窗口的值設(shè)置與Hawking’s Axure RP Pro 5原創(chuàng)教程：（九）交互interactions（中）中條件設(shè)置窗口的值基本一致，大家可以參考文章九的表格。而此文檔中有一個(gè)不同的選項(xiàng)情況是：text on widget工具上的文字，通過下拉選擇你所要控制的widgets上的文字變化。1動(dòng)作：open link in parent frame在父框架中打開鏈接參數(shù)：點(diǎn)擊link進(jìn)入link properties鏈接屬性設(shè)置窗口，屬性設(shè)置內(nèi)容和動(dòng)作2的鏈接屬性一致。同時(shí)你必須保證給它取了一個(gè)名字，并在label中進(jìn)行了設(shè)置。而options菜單中的三個(gè)選項(xiàng)，是控制你滾動(dòng)的具體方式:scroll vertically only僅僅進(jìn)行垂直滾動(dòng)scroll horizontally only 僅僅進(jìn)行水平滾動(dòng)scroll vertically and horizontally同時(shí)進(jìn)行水平與垂直滾動(dòng)1動(dòng)作：enable widget(s)使工具可用。參數(shù)：點(diǎn)擊widget進(jìn)入select widgets窗口。1動(dòng)作：disable widget(s)使工具不可用。參數(shù)：點(diǎn)擊widget進(jìn)入select widgets窗口，功能操作同動(dòng)作14。參數(shù)：點(diǎn)擊0ms進(jìn)入wait time 等待時(shí)間設(shè)置窗口。1動(dòng)作：other其他。參數(shù)：點(diǎn)擊other 進(jìn)入other description其他描述設(shè)置窗口。好了，交互部分終于寫完了，不知道對(duì)朋友們是否有幫助。最后再多說幾句，對(duì)axure rp感興趣的朋友們可以去臺(tái)灣悠識(shí)數(shù)位的網(wǎng)站看看，他們的簡(jiǎn)體中文網(wǎng)站 剛剛上線了，相信里面收納的眾多文章可以幫到大家更快的