【正文】 解除IE中的Active X 警告訊息 使用IE打開在自己計(jì)算機(jī)里頭的HTML原型時(shí)，瀏覽器中可能會(huì)出現(xiàn)Active X 警告訊息， 想要暫時(shí)解除IE中的警 告訊息，請(qǐng)點(diǎn)選IE瀏覽器出現(xiàn)的Active X警示訊息，接著選擇―允許被封鎖的內(nèi)容‖，這樣就可以在IE瀏覽器上看到 自己計(jì)算機(jī)里頭的HTML 原型了。 單選群組（Radio Button Group） 您可以一次選取多個(gè)Radio Button， 按下鼠標(biāo)右鍵， 并選擇―Edit Radio ButtonAssign Radio Group‖來設(shè)定Radio Button的群組關(guān)系。一般來說，這些粘貼的對(duì)象會(huì)變成Wireframe中的圖形對(duì)象。 穿透控件選取下層的控件 以鼠標(biāo)左鍵在對(duì)象上按住停留1秒鐘以上，放開鼠標(biāo)左鍵再單擊下面的對(duì)象，可以穿透上層對(duì)象，選取到位于下 層的對(duì)象 。 超快速移動(dòng)工作區(qū) 當(dāng)設(shè)計(jì)的頁面畫面變大時(shí)，為了選取不同位置的對(duì)象，必須經(jīng)常使用垂直與水平的滾動(dòng)條，這會(huì)使得選取對(duì)象的 動(dòng)作變慢。 輸入用戶名和密碼，點(diǎn)擊登陸按鈕，進(jìn)行原型體驗(yàn)。實(shí)現(xiàn)步驟步驟一、繪制線框圖 打開Axure軟件，新建一個(gè)RP文件； 拖動(dòng)控件面板中的控件到線框圖面板中，繪制登陸界面如下圖：所用到的控件清單如下： 控件名 作用 文本內(nèi)容 標(biāo)識(shí)符 其它屬性Rectangle Text Panel裝飾底板 信息提示 默認(rèn)：登陸窗口 logInfo底色：灰色Text Panel信息提示用戶名：Text Panel信息提示密碼：Text Field輸入用戶名userNameText Field輸入密碼passWordBu tton點(diǎn)擊登錄登陸submitButton步驟二、設(shè)計(jì)控件交互 選中登陸按鈕，在控件交互和注釋面板中鼠標(biāo)雙擊onClick事件；在彈出的―交互場(chǎng)景屬性‖對(duì)話框中，點(diǎn)擊―添加場(chǎng)景…‖這個(gè)鏈接；在彈出的―條件創(chuàng)建‖對(duì)話框中，添加條件如下： 回到―交互場(chǎng)景屬性‖對(duì)話框中， Step 2中選擇動(dòng)作―Set Variable and Widget value equal to Value‖， 并點(diǎn)擊Step 3中的鏈接；在彈出的―設(shè)置變量和控件值‖對(duì)話框中，設(shè)置如下：點(diǎn)擊―Edit text…‖鏈接，輸入―請(qǐng)輸入用戶名或密碼‖，并設(shè)置為藍(lán)色；確定和關(guān)閉所有對(duì)話框，這時(shí)控件交互和注釋面板如下：以上我們實(shí)現(xiàn)了第一個(gè)場(chǎng)景：如果未輸入用戶名或密碼，則提示―請(qǐng)輸入用戶名和密碼‖，藍(lán)色字體；接下去，我們實(shí)現(xiàn)第3個(gè)場(chǎng)景，其步驟和實(shí)現(xiàn)場(chǎng)景1類似，只是要注意各個(gè)場(chǎng)景之間是―If else‖關(guān)系。最后你可以使用你創(chuàng)建的共享工程目錄的路徑去鏈接到SVN服務(wù)器。另外，你也可以選 擇一個(gè)SVN主機(jī)托管服務(wù)器站點(diǎn)，如： 在國內(nèi)，我建議你使用： ，你可以創(chuàng)建用戶去訪問SVN服務(wù)器。如果你對(duì)SVN不熟悉，網(wǎng)絡(luò)上有一些免費(fèi)的資源讓你能夠?qū)W習(xí)入門，如 。結(jié)合SVN服務(wù)器默認(rèn)時(shí)是使用一個(gè)文件服務(wù)器去存儲(chǔ)共享工程，如果網(wǎng)絡(luò)連接速度有限或你是通過VPN進(jìn)行連接，則連接速度會(huì) 較慢。要重新指向一個(gè)已有的本地共享工程到新的共享工程目錄上，可打開已存在的副本，然后使用主菜單 ―ShareRepoint to Moved Shared Directory‖。移動(dòng)共享工程目錄如果一個(gè)共享工程被移動(dòng)或共享工程的目錄路徑被改變，那么已有的共享工程的本地副本將不再指向正確的地 址。右鍵單擊刷新按鈕你可以重新獲取頁面、模塊、共享工程的文檔屬性。你也可以導(dǎo)出一個(gè)修訂到 RP文件中進(jìn)行查看。要查看和獲取一個(gè)共享工程的修訂歷史，可使用主菜單―ShareBrowse Shared Project History‖。查看共享工程的歷史每次檢入都會(huì)在一個(gè)共享目錄中創(chuàng)建一個(gè)新的修訂記錄。要將RP文件做的修改合并到一個(gè)共享工程中，可以打開共享工程后然后使用―FileImport‖。導(dǎo)出RP文件打開一個(gè)共享工程后，在主菜單選擇―FileExport Shared Project to File‖，就可以導(dǎo)出一個(gè)共享工程到一個(gè)RP 文件。以下是一個(gè)頁面的編輯和修改共享的典型流程：周群在她自己本地的計(jì)算機(jī)上檢出頁面1進(jìn)行編輯。要提交對(duì)頁面和模塊列表的修改,選擇主菜單―ShareSend All Changes to Shared Directory‖或―Share Check In Everything‖將頁面、模塊、屬性的所有修改發(fā)送到共享工程中。頁面列表和模塊列表 頁面和模塊列表不用檢出，就能在共享工程的本地副本上進(jìn)行添加、移動(dòng)、刪除、重命名，這樣就能讓多人同時(shí) 進(jìn)行頁面和模塊的添加、刪除和組織。通過主菜單―ShareGet All Changes from Shared Directory‖或工具欄上的―Get All Changes‖按鈕達(dá)到更新。獲取修改（Get Changes） 要從共享工程中獲取頁面、模塊、工程屬性的最新修改，在頁面導(dǎo)航面板中的頁面上右鍵選擇―Get Changes‖。檢入后，其他人就可以更新他們的本地共享工程副本看到你所做的修改，而你也就不再擁有頁面的 編輯權(quán)，這時(shí)其它人就可以進(jìn)行檢出。當(dāng)你要將你的修改提交到共享工程上，就可以進(jìn)行檢入。提交修改（Send Changes） 頁面或模塊的修改也可以通過提交從而被他人共享，這樣在保持頁面或模塊在檢出的同時(shí)，所作的修改能被他人 共享。只有一個(gè)人的修改可以在共享工程中被存儲(chǔ)，其它人的修改可能會(huì)丟失或被覆蓋。然而，這時(shí)你還是可以繼續(xù)進(jìn)行非安全檢出（Unsafe Check Out），但并不提倡這樣做，因?yàn)檫@有可能導(dǎo)致沖突。在頁面檢出之后，就 可以進(jìn)行正常的編輯，所檢出的頁面只能被你修改。要檢出一個(gè)頁面，在頁面導(dǎo)航面板中右鍵點(diǎn) 擊頁面，選擇―檢出‖。 而sitemap和master面板中的列表是個(gè)例外，它們可以不用檢出就可以修改，這樣可以讓團(tuán)隊(duì)能夠同時(shí)添加、刪 除、組織頁面。要獲取最新更改，使用獲取修改（Get Changes）。如果要修改頁面或模塊，要進(jìn)行檢出（Check Out）。在Sitemap面板中的頁面和Masters面板中的模塊前面會(huì)有 一些不同的圖標(biāo)，表示頁面和模塊的狀態(tài)。說明：ProjectName 由你實(shí)際創(chuàng)建的工程名稱代替。如果從一個(gè)計(jì)算機(jī)上直接拷貝共享工程的本地副本到另一計(jì)算機(jī)上，會(huì)導(dǎo)致工程的沖突。獲取共享工程為了操作一個(gè)共享工程，你使用的計(jì)算機(jī)上必須有一個(gè)共享工程的本地副本。在共享工程創(chuàng)建之后，在你的本地目錄中會(huì)有一個(gè)―‖文件，打開這個(gè)文件就可以操作共享工程。從已有RP文件創(chuàng)建共享工程。在網(wǎng)絡(luò)共享目錄中， 包含有共享工程， 該共享工程中包含有和SVN關(guān)聯(lián)的一系列文件和目錄。本地共享工程目錄中，DO_NOT_EDIT文件夾中包含了工程數(shù)據(jù) 和版本控制信息，不能在Axure以外進(jìn)行編輯。創(chuàng)建共享工程后，在你的本地計(jì)算機(jī)上會(huì)有一個(gè)―‖文件，并會(huì)自動(dòng)打開。創(chuàng)建共享工程通過主菜單―FileNew Shared Project‖，就可以創(chuàng)建一個(gè)新共享工程。如果要修改頁面、模塊、或工程屬性，首先需要對(duì)這些項(xiàng)目進(jìn)行檢出（checked out），等完成修改 后，再進(jìn)行檢入（checked in）到共享工程中，其它人就可以在本地獲取所更新的共享工程了。 Axure共享工程所存儲(chǔ)的服務(wù)器或計(jì)算機(jī)上不需要安裝額外的軟件。第六章 多人協(xié)助和版本管理 第1節(jié) 創(chuàng)建共享工程什么是共享工程一個(gè)共享工程是可以被多人同時(shí)編輯，共享工程中也保存著工程被修訂的歷史。最后，當(dāng)你在線框圖中使用這個(gè)帶自定義事件的模塊時(shí)，在控件交互面板上你可以看到這個(gè)自定義事件。這可以通過在Interacton Case Properties對(duì)話框中選擇Raise Event交互行為實(shí)現(xiàn) 。任何在模塊中的控件都可以觸發(fā)模塊的自定義事件。 當(dāng)你和一個(gè)模塊進(jìn)行交互時(shí)，不需要讓模塊內(nèi)的控件對(duì)模塊之外的控件進(jìn)行操作時(shí)。以下情況時(shí)，不要使用自定義事件： 當(dāng)需要在一個(gè)模塊的不同引用實(shí)例上實(shí)現(xiàn)不同的交互時(shí)；（注意：這時(shí)只能引用到模塊中包含的 TextField，TextArea這樣的控件）第2節(jié) 模塊上的自定義事件什么是模塊上的自定義事件可以在模塊上自定義一些事件。如果一個(gè)模塊中的文本控件在不同頁面上有不同的文本，你仍然可以只在一個(gè)單獨(dú)的模塊中進(jìn)行維護(hù)，達(dá)到模塊 最大化利用。例如，在頁面的OnPageLoad事件上，在交互行為Set Variable and Widget value equal to Value中，你可以對(duì) 所使用的模塊中的text panel控件設(shè)置文本。所以你可以只需要維護(hù)一個(gè)單獨(dú)的模塊，最大化的實(shí)現(xiàn)模塊的重復(fù)使用。例如，頁面OnPageLoad事件可以隱藏頁面中所使用的模塊中的 動(dòng)態(tài)面板，在所選擇的模塊下面會(huì)列出模塊中的每個(gè)動(dòng)態(tài)面板。雖然這些 應(yīng)用例子也可以通過為每個(gè)頁面創(chuàng)建一個(gè)額外的模塊或在每個(gè)頁面上做一些特別的編輯來實(shí)現(xiàn)，但是利用一些特 別的功能，使得仍然可以只在一個(gè)模塊中進(jìn)行維護(hù)，做到模塊的有效重用。有時(shí)，可能需要讓模塊在不同的頁面上有所不同。第五章 模塊的有效重復(fù)使用 第1節(jié) 控制模塊中的控件模塊的重用模塊的重要作用就是重復(fù)使用?；揪庉嬈髦荒茚槍?duì)相同的事件來執(zhí)行一次交互行為，而高級(jí)編輯器卻 可以加入更多的動(dòng)作表現(xiàn)，而且可以重復(fù)執(zhí)行多次該動(dòng)作 (如下圖)。比如在某個(gè)動(dòng)態(tài)面 板中，用高級(jí)編輯器來控制每個(gè)State(狀態(tài))的出現(xiàn)順序與出現(xiàn)的間隔時(shí)間，以表現(xiàn)出動(dòng)畫效果。如果是采用了高級(jí)編輯器，你就可以自定義交互行為的順序，而且相同的交互行為可以進(jìn)行多 次的展現(xiàn)。第7節(jié) 高級(jí)交互設(shè)計(jì)編輯器在交互場(chǎng)景屬性(Interaction Case Properties)對(duì)話窗新增了高級(jí)編輯器的功能，只要在對(duì)話框中點(diǎn)擊―Advanced Editor‖這個(gè)鏈接即可打開高級(jí)編輯器，然后點(diǎn)擊―Basic Editor‖可以回到原來的基本編輯器。例如，你可能會(huì)根據(jù)變量的值去設(shè)定頁面載入時(shí)的動(dòng)態(tài) 面板的狀態(tài)， 顯示一個(gè)用戶是否已經(jīng)登陸。OnPageLoad事件和變量OnPageLoad事件常和變量一起使用，以達(dá)到在原型中的頁面之間傳遞變量值的目的。頁面 上的OnPageLoad事件觸發(fā)后才觸發(fā)模塊上的OnPageLoad事件。OnPageLoad事件常用于設(shè)置動(dòng)態(tài)面板的狀態(tài)、控件的值、或頁 面載入時(shí)彈出一個(gè)窗口。 在原型執(zhí)行時(shí)， 其中的― [[NameVariable]]‖ 會(huì)被實(shí)際的變量的值代替。當(dāng)在文本類控件中編輯文本時(shí)， 在Set Variable and Widget Values對(duì)話框中你可以用符號(hào)―[[ ‖和 ―]]‖包住一個(gè)變量 名，就可以在原型中插入變量的值。在條件中使用變量在Condition Builder對(duì)話框中，可以在設(shè)定的條件中使用變量，例如―if value of variable OnLoadVariable equals ?loggedin‘‖，即如果變量OnLoadVariable的值等于?loggedin‘時(shí)。設(shè)置變量的值在添加場(chǎng)景時(shí)彈出的―Interactions Case Properties‖對(duì)話框中，只要在step2中選擇 ―Set Variable and Widget Value(s) equal to Value(s)‖這個(gè)動(dòng)作，然后在step3中點(diǎn)擊―Variable and Widget value equal to Value‖這個(gè)鏈接， 就可以在彈出的Set Variable and Widget Value對(duì)話框中設(shè)置變量的值了。默認(rèn)時(shí)，每個(gè)頁面中都有一個(gè)OnLoadVariable變量。變量可以在交互設(shè)計(jì)和邏輯條件中使用。第5節(jié) 變量什么是變量變量用于在HTML原型中進(jìn)行點(diǎn)擊時(shí)的頁面之間的傳遞和存儲(chǔ)數(shù)據(jù)， 這樣變量能在頁面之間保持下去。使用場(chǎng)合舉例OnFocus 和 OnLostFocus常用于顯示、隱藏與表單中控件相關(guān)的動(dòng)態(tài)信息。下圖是用OnKeyUp事件實(shí)現(xiàn)的當(dāng)輸入的郵編不符合5個(gè)字符長度的兩個(gè)狀態(tài)：第4節(jié) OnFocus和OnLostFocus事件什么是OnFocus 和OnLostFocus事件OnFocus和OnLostFocus事件可用于Text Field, Text Area, DropList, List Box, Checkbox 和 Radio Button控件 上。OnKeyUp實(shí)時(shí)表單驗(yàn)證OnKeyUp事件常用于用戶在表單中進(jìn)行輸入的實(shí)時(shí)校驗(yàn)。第3節(jié) OnKeyUp事件什么OnKeyUp事件OnKeyUp事件可用在Text Field 和 Text Area控件上，當(dāng)用戶在控件中進(jìn)行輸入然后松開鍵盤按鍵時(shí)觸發(fā)。在Interaction Case Properties對(duì)話框中的Step 1中點(diǎn)擊―Add Condition‖，然后在Condition Builder對(duì)話框中設(shè)置條件。這在原型中以下拉框進(jìn)行導(dǎo)航非常有用，即當(dāng)選擇下拉框的某個(gè)選項(xiàng)時(shí)跳轉(zhuǎn)到相應(yīng)的頁面上。第2節(jié) OnChange事件什么是OnChange事件OnChange事件可用于下拉框（Droplist）和列表框（List Box）控件。―Else If‖可以被修改為―If‖，只要在交互面 板中右鍵單擊場(chǎng)景，選擇―Change to IF‖菜單。在事件的一個(gè)場(chǎng)景上定義了一個(gè)條件后，為事件的后面其它場(chǎng)景添加的條件語句的前面會(huì)默認(rèn)帶有―Else If‖。在一個(gè)條件語句中，有以下6種類型的值可以使用： ? 本框、文本域中的文本 文 ? 選框和單選按鈕的選擇值（選擇或未選擇） 復(fù) ? 拉列表框、列表框中的選擇項(xiàng) 下 ? 件值的長度 控 ? 量值 變 ? 量值的長度 變?cè)贑ondition Builder對(duì)話框中點(diǎn)擊Ok按鈕，回到Interaction Case Prop