Axure新手技能訓(xùn)練手冊(cè)

Axure新手技能Axure布局1、MainMenu&Toolbar:主菜單和工具欄區(qū)2、WireframePane:線框面板，頁(yè)面設(shè)計(jì)區(qū)域。3、SitemapPane：地圖面板，用于顯示頁(yè)面的隸屬關(guān)系。4、WidgetsPane：控件面板，用于可用的控件資源。5、MastersPane:公用模塊管理器。6、PagesPropertiesPane：頁(yè)面屬性面板，管理頁(yè)面屬性的各類參數(shù)。7、WidgetPropertiesPane：控件屬性面板，管理控件的各類屬性參數(shù)。三類：（1）Annotations:注釋。（2）Interactions:交互；（3）Formatting：格式化。8、DynamicPanelManagerPane:動(dòng)態(tài)面板控制面板。隱藏和顯示動(dòng)態(tài)面板，以及增加、刪除、及管理動(dòng)態(tài)面板狀態(tài)。線框的注釋網(wǎng)站地圖：SitemapSitemap用于增加、刪除和組織你所設(shè)計(jì)的頁(yè)面。頁(yè)面數(shù)量是沒(méi)有極限的。可通過(guò)鼠標(biāo)功能來(lái)增加、刪除、組織頁(yè)面，也可以通過(guò)鼠標(biāo)拖拽方式來(lái)組織頁(yè)面級(jí)次。雙擊Sitemap中的頁(yè)面，可進(jìn)入線框設(shè)計(jì)界面?？丶篧idgets控件是設(shè)計(jì)線框的交互對(duì)象。控件面板中包括了豐富的控件可供使用。1、從Widgets控件庫(kù)中選擇和搜索合適的控件。2、增加、移去和改變控件的尺寸。3、編輯控件的風(fēng)格和屬性。4、多控件的分組和解除分組。Group。5、控件風(fēng)格編輯器（WidgetStyleEditor）：允許你編輯缺省的控件格式及創(chuàng)建定制的控件風(fēng)格。如果編輯了控件的缺省格式，則可能影響到全部該控件。6、格式畫筆（FormatPainter）：FormatPainter允許你拷貝一個(gè)控件的格式屬性到其他多個(gè)控件。類似于格式屬性的剪切板一樣。7、改變選擇模式。有兩個(gè)選擇模式，分別為"SelectIntersectedMode"和"SelectContainedMode".大致叫做：分割模式和容器模式。缺省為分割模式。分割模式意味著只要鼠標(biāo)框定的范圍所碰到的控件都會(huì)包括在所選范圍內(nèi)。而容器模式一定要將控件完全用鼠標(biāo)完全框定后才能處于選定狀態(tài)。注釋Annotations注釋用于對(duì)控件增加說(shuō)明文字。增加注釋后，控件會(huì)在右下角顯示一個(gè)黃色的數(shù)字腳注。如果想隱藏這個(gè)腳注，可以在主菜單的線框區(qū)域中點(diǎn)擊反選“ShowFootnotes”。這是全局設(shè)置項(xiàng)。允許用戶自定義注釋項(xiàng)。也允許用戶自主修改注釋項(xiàng)的腳注。頁(yè)面屬性：PagePropertiesPageNote:頁(yè)面?zhèn)渥㈨?yè)面?zhèn)渥⒃试S你收集你所設(shè)計(jì)的頁(yè)面級(jí)次信息。你可以組織頁(yè)面?zhèn)渥⒌姜?dú)立域。如果你需要將備注分別向不同的角色，如客戶、開(kāi)發(fā)者、測(cè)試人員進(jìn)行展示時(shí)，這個(gè)功能就很有用。你可以添加備注的獨(dú)立域，如下圖：最終所顯示的獨(dú)立域的備注樣式為：也可以通過(guò)EditorToolbarorthestandardtextformattingshortcuts(i.e.,Ctrl/Cmd+B,Ctrl/Cmd+I,Ctrl/Cmd+U,etc.)，來(lái)對(duì)頁(yè)面?zhèn)渥⑦M(jìn)行格式化。PageFormatting:頁(yè)面格式化頁(yè)面格式化的范圍包括如下：1、PageStyle:頁(yè)面風(fēng)格。定義頁(yè)面風(fēng)格，編輯頁(yè)面的缺省風(fēng)格或定義一個(gè)定制的頁(yè)面風(fēng)格。2、PageAlign：頁(yè)面的排列方式。3、BackColor:頁(yè)面的背景顏色。4、BackImage：頁(yè)面的背景圖。5、HorizAlignandVertAlign：水平對(duì)齊和垂直對(duì)齊模式設(shè)置。6、Repeat：重復(fù)背景圖的水平、垂直和兩者。SketchEffects:草圖效果使當(dāng)前的頁(yè)面獲得手繪風(fēng)格的草圖效果。Sketchiness參數(shù)的值越大，空間的手繪草圖風(fēng)格就越明顯。LineWidth用于指定控件的邊框?qū)挾仍谑掷L時(shí)的效果。通常設(shè)置為+1.GlobalandPageGuides:全局和頁(yè)面向?qū)ㄟ^(guò)鼠標(biāo)拖拽標(biāo)尺獲得，尚未明白確切作用?；A(chǔ)交互：BasicInteractions交互概述Axure中的交互包括三個(gè)主要部分：事件（events）、案例（case）和動(dòng)作（action）。事件Event事件是交互的觸發(fā)器?？丶氖录ㄈ缦拢篛nClick:當(dāng)一個(gè)控件被鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)；OnMouseEnter:當(dāng)鼠標(biāo)光標(biāo)移入一個(gè)控件上時(shí)觸發(fā)。OnMouseOut:當(dāng)鼠標(biāo)光標(biāo)從一個(gè)空間上移出時(shí)觸發(fā)。OnKeyUp:當(dāng)在一個(gè)控件內(nèi)部按鍵釋放時(shí)觸發(fā)。如文本框的錄入字段或者文字區(qū)的錄入字段發(fā)生。OnFocus:當(dāng)一個(gè)控件通過(guò)鼠標(biāo)點(diǎn)擊或Tab切換獲得焦點(diǎn)時(shí)觸發(fā)。OnLostFocus:當(dāng)一個(gè)控件失去焦點(diǎn)時(shí)觸發(fā)。OnChange:當(dāng)一個(gè)下拉式列表框或列表框選項(xiàng)發(fā)生改變時(shí)觸發(fā)。案例CaseCase是響應(yīng)事件發(fā)生時(shí)的可能路徑。如按下登錄按鈕時(shí)，可能因?yàn)檩斎脲e(cuò)誤的用戶名或密碼導(dǎo)致登錄失敗，也可能登錄成功，這是兩個(gè)不同的路徑。你也可以通過(guò)變量控制條件的自動(dòng)轉(zhuǎn)向。動(dòng)作ActionAction是一個(gè)事件被出發(fā)后根據(jù)case的路徑所得到的響應(yīng)。如下是Action的列表：1、Linkactions:鏈接動(dòng)作OpenLinkinCurrentWindow:在當(dāng)前窗口打開(kāi)一個(gè)外部鏈接。OpenLinkinNewWindow/Tab:在新窗口或Tab打開(kāi)一個(gè)外部鏈接。OpenLinkinPopupWindow:在一個(gè)彈出式窗口中打開(kāi)一個(gè)頁(yè)面或者外部URL.你可以指定這個(gè)窗口的尺寸和屬性。OpenLinkinParentWindow:用以從一個(gè)彈出式窗口，改變父窗口中的頁(yè)面裝載并打開(kāi)它。CloseCurrentWindow:關(guān)閉當(dāng)前窗口。OpenLink(s)inFrame(s):在inlineFrame中用以打開(kāi)inlineframe控件以改變頁(yè)面裝載。OpenLinkinParentFrame:在父frame中打開(kāi)一個(gè)頁(yè)面。DynamicPanel的關(guān)聯(lián)動(dòng)作。Usedfromapageloadedinaninlineframe.DynamicPanelrelatedactions:2、Dynamicpanel的動(dòng)作:SetPanelstate(s)toState(s):設(shè)置當(dāng)前的一個(gè)或者多個(gè)動(dòng)態(tài)面板的可視狀態(tài)ShowPanel(s):使一個(gè)或者多個(gè)的動(dòng)態(tài)面變?yōu)榭梢暊顟B(tài)。HidePanel(s):隱藏一個(gè)或者多個(gè)動(dòng)態(tài)面板的內(nèi)容。ToggleVisibility:Showsorhidesdynamicpanelsbasedontheircurrentvisibility.MovePanel(s):Movesadynamicpaneltoaspecificlocationorbyaspecifieddistance.BringPanel(s)toFront:Bringsadynamicpaneltothetoplayerofthepage.3、WidgetsandVariablesactions:SetVariable/Widgetvalue(s):Setsthevalueofoneormorevariablesand/orwidgetvalues(i.e.,thetextvalueonawidget).ScrolltoImageMapRegion:Scrollsapagetothelocationofanimagemapregionwidget.Similartoananchororjumplink.EnableWidget(s):Enablesformwidgetslikeadroplistortextfield.DisableWidget(s):Disablesformwidgets.SetWidget(s)toSelectedState:Setsthestyleofawidgettoitsselectedstyleorbacktoitsdefaultstyle.SetFocusonWidget:Setsthefocusofthecursoronaformwidget(i.e.,atextfield).ExpandTreeNode(s):展開(kāi)Expandsthenodesofatreewidget.CollapseTreeNode(s):折疊Collapsesthenodesofatreewidget.Miscellaneousactions:WaitTime(ms):Delaysactionsbyaspecifiedtime.Other:Showsaspecifiedtextdescriptionofanactionsuchas“Sendemailtouser”.交互案例編輯器：InteractionsCaseEditor增加交互選擇一個(gè)控件可以顯示其可用的事件。1、要增加一個(gè)Case，選擇一個(gè)事件并點(diǎn)擊“AddCase”，或者雙擊這個(gè)事件并打開(kāi)Case編輯對(duì)話框。可以編輯該Case的描述，2、添加動(dòng)作，Action，可以選擇不同的Action。3、組織這些動(dòng)作。多case的情況下。4、對(duì)Action動(dòng)作的詳細(xì)配置，比如具體要打開(kāi)哪個(gè)窗口。二、定義多案例MultipleCases動(dòng)態(tài)面板基礎(chǔ)：DynamicPanels(Basic)動(dòng)態(tài)面板是一個(gè)容納了不同控件的多層狀況或圖表的容器。這個(gè)面板可以被隱藏、顯示、移動(dòng)。而且當(dāng)前的可視圖表可以被動(dòng)態(tài)設(shè)置。允許你在原型系統(tǒng)中展示諸如customtooltips,lightboxes,tabcontrols,anddraganddrop。因此當(dāng)你需要在原型中顯示、隱藏、改變或移動(dòng)對(duì)象時(shí)，可使用動(dòng)態(tài)面板控件。你會(huì)發(fā)現(xiàn)這是在你原型工具箱中最常使用的工具。動(dòng)態(tài)面板狀態(tài)動(dòng)態(tài)面板包括多個(gè)狀態(tài)，而且每個(gè)狀態(tài)是一個(gè)能夠容納其他控件的圖表。動(dòng)態(tài)面板的在一個(gè)時(shí)刻只能有一個(gè)狀態(tài)是可視的。可以將現(xiàn)有的控件集合轉(zhuǎn)化為動(dòng)態(tài)面板。增加和設(shè)計(jì)動(dòng)態(tài)面板狀態(tài)缺省情況下，動(dòng)態(tài)面板是空的，所以需要你去在其狀態(tài)上添加控件。雙擊動(dòng)態(tài)面板打開(kāi)動(dòng)態(tài)面板狀態(tài)管理對(duì)話框。在這個(gè)對(duì)話框中，你可以增加、移除、排序及打開(kāi)狀態(tài)進(jìn)行編輯。動(dòng)態(tài)面板的第一個(gè)狀態(tài)是面板的缺省狀態(tài)。你可以在動(dòng)態(tài)面板的狀態(tài)看到輪廓藍(lán)線，這是動(dòng)態(tài)面板的尺寸，和你所能看到面板狀態(tài)內(nèi)的分界線。你可以將所需的控件拖拽到動(dòng)態(tài)面板中進(jìn)行設(shè)計(jì)。動(dòng)態(tài)面板的滾動(dòng)條：EditDynamicPanel->ShowScrollbarsasNeeded。缺省情況下隱藏內(nèi)容的設(shè)置：動(dòng)態(tài)面板在缺省情況下可以設(shè)定隱藏。right-clickonthepanelinthewireframeandchooseEditDynamicPanel->SetHiddenfromthecontextmenu.。設(shè)置隱藏后該動(dòng)態(tài)面板將顯示為黃色。動(dòng)態(tài)面板管理器：DynamicPanelManager動(dòng)態(tài)面板管理器用于管理頁(yè)面上的多個(gè)動(dòng)態(tài)面版。動(dòng)態(tài)面板的隱藏功能。動(dòng)態(tài)面板的交互：InteractingwithDynamicPanels動(dòng)態(tài)面板的Action包括如下：SetPanelstate(s)toState(s)：將面板的狀態(tài)更改為另一個(gè)狀態(tài)；ToggleVisibilityforPanel(s)：ShowPanel(s)：顯示動(dòng)態(tài)面板MovePanel(s),：移動(dòng)動(dòng)態(tài)面板到坐標(biāo)（XY）,相對(duì)坐標(biāo)By，絕對(duì)坐標(biāo)To。HidePanel(s)：隱藏動(dòng)態(tài)面板BringPanel(s)toFront：將動(dòng)態(tài)面板前置；SendPanel(s)toBack：將動(dòng)態(tài)面板后置。你可以在一個(gè)動(dòng)作內(nèi)控制多個(gè)面板的狀態(tài)。這點(diǎn)功能非常強(qiáng)大。Usethe“ToggleVisibilityforPanel(s)”actiontotogglebetweenshowingandhidingapanel.動(dòng)畫和轉(zhuǎn)場(chǎng)效果在動(dòng)態(tài)面板的移動(dòng)過(guò)程中，可提供動(dòng)畫效果而非乏味的效果。但這個(gè)動(dòng)畫效果在原型系統(tǒng)中易于實(shí)現(xiàn)而在代碼開(kāi)發(fā)時(shí)很難實(shí)現(xiàn)。這個(gè)問(wèn)題一定要注意。動(dòng)態(tài)面板的幾個(gè)最重要的應(yīng)用：1、彈出錯(cuò)誤信息。2、Tab標(biāo)簽3、定制的Tip顯示4、彈出式菜單。母版：MastersMaster是文件中可重用的控件集合。Master可以在多個(gè)頁(yè)面重用，并可達(dá)到一次設(shè)計(jì)，多次重用；一次修改，全體更新的作用。組織和設(shè)計(jì)MasterMasterPane，讓你在文件中增加和組織所有的Master。AddMaster用于創(chuàng)建一個(gè)Master。慢速雙擊一個(gè)Master可以修改Master的名稱。可以通過(guò)鼠標(biāo)拖拽來(lái)改變Master的排列和組織順序。雙擊一個(gè)Master用于打開(kāi)框架設(shè)計(jì)頁(yè)面，并對(duì)Master進(jìn)行編輯。通過(guò)鼠標(biāo)拖拽將控件拖拽至Master，支持Master的嵌套，意即在Master之上形成新的Master。可以通過(guò)eConvert->ConverttoMaster功能將控件集轉(zhuǎn)化為Master。MasterBehaviorsMaster可以被設(shè)置為3個(gè)不同的行為：1、正常2、放置在背景3、定制在某一個(gè)控件的下面。為了改變Master的行為，右鍵點(diǎn)擊Master控件并在彈出式菜單中選擇Behavior子菜單。通過(guò)鼠標(biāo)拖拽可以很方便的將Master放入原型頁(yè)面中。流程圖：FlowDiagrames人們通常使用這個(gè)功能在最高視野觀察頁(yè)面的業(yè)務(wù)流向。創(chuàng)建一個(gè)FlowDiagrame在線框圖的類型中，將WireFrame改為Flow即能使其轉(zhuǎn)成流程圖。線框圖轉(zhuǎn)化為流程圖后其圖標(biāo)會(huì)改變。通過(guò)連線將Flow控件連接起來(lái)，缺省情況下，連接會(huì)自動(dòng)避開(kāi)其他控件，如果要改變這個(gè)狀態(tài)，通過(guò)EditorConnector->DoNotAutoReflow功能來(lái)手工連線。增加參考頁(yè)面ReferencePages參考頁(yè)面是流程圖中形狀（控件）的頁(yè)面影射，即該控件對(duì)應(yīng)于原型系統(tǒng)中的哪個(gè)頁(yè)面。如果該頁(yè)面在線框圖中被修改了名稱，那么這個(gè)修改過(guò)程會(huì)被自動(dòng)同步。通過(guò)EditFlowShape->EditReferencePage功能，為流程圖中的控件關(guān)聯(lián)參考頁(yè)面。生成流程圖略。原型交互：InteractivePrototypes概述原型交互的過(guò)程有助于簡(jiǎn)化文檔，獲得客戶的反饋、得到確認(rèn)及闡述我們的需求。在原型系統(tǒng)完成設(shè)計(jì)、注釋和交互制作后，可以生成基于瀏覽器的Web系統(tǒng)，這個(gè)系統(tǒng)沒(méi)有任何代碼開(kāi)發(fā)工作。Axure的原型系統(tǒng)，基于HTML、js、和CSS，你可以在主流的Web瀏覽器如火狐、IE、Safari和Chrome中查看。無(wú)需安裝Axure的閱讀器，因此更便于多方分享。如果需要對(duì)原型系統(tǒng)進(jìn)行編輯的話，僅需要安裝RP的客戶端就可以了。配置和生成原型按F5或者在主菜單中選擇Generate->Prototype以生成原型系統(tǒng)。在生成原型系統(tǒng)的選項(xiàng)中：1、General:選擇生成原型系統(tǒng)的目標(biāo)文件夾位置，以及要打開(kāi)原型系統(tǒng)的瀏覽器。可以選擇其他存儲(chǔ)原型系統(tǒng)的位置，或使用UseDefault功能重置原始缺省位置。2、Pages:選擇生成原型系統(tǒng)要包括的頁(yè)面。缺省情況下包括全部頁(yè)面。3、Notes:選擇是否要在原型系統(tǒng)中生成頁(yè)面?zhèn)渥ⅰ?、Annotations:注釋域是否在原型系統(tǒng)中生成。5、Interactions:常用來(lái)在多case中顯示選擇case的注釋或僅顯示case的注釋。6、Logo:設(shè)置原型系統(tǒng)的Logo。7、Mobile/Device:選擇是否插入一個(gè)移動(dòng)設(shè)備的視覺(jué)標(biāo)簽。這個(gè)標(biāo)簽會(huì)告知原型系統(tǒng)在設(shè)備上瀏覽原型系統(tǒng)的尺寸、縮放等選項(xiàng)。8、Distribution(forPConly):生成一個(gè)CHM的單文件原型系統(tǒng)發(fā)布版本。9、Advanced:3個(gè)高級(jí)選項(xiàng)。完成選項(xiàng)配置后，即可生成原型系統(tǒng)。使用原型原型系統(tǒng)有兩個(gè)部分：1、Sitemap,PageNotes,andDiscuss(Left)，即左側(cè)的地圖、頁(yè)面?zhèn)渥⒑陀懻?。這個(gè)面板中有3個(gè)Tabs。Sitemap允許你在頁(yè)面框架中打開(kāi)一個(gè)具體頁(yè)面。PageNote標(biāo)簽中查看頁(yè)面的備注，而使用Discuss標(biāo)簽來(lái)添加標(biāo)題備注。2、MainFrame(Right):右側(cè)的主框架。基于線框圖和流程圖進(jìn)行交互。共享和分發(fā)原型有如下幾個(gè)方法分享和分發(fā)原型：1、以Zip文件包形式發(fā)送。2、發(fā)行到一個(gè)分享服務(wù)或Web服務(wù)器。3、出版到AxShare。4、生成一個(gè)CHM文件（僅PC）。功能規(guī)格：FunctionalSpecifications概述規(guī)格是對(duì)設(shè)計(jì)的有效的文檔化、通信和達(dá)成一致。AxureRP生成的規(guī)格文件為MSOffice格式，生成時(shí)不要求安裝Word，但是在閱覽和修改時(shí)要求客戶端安裝Word。配置和生成規(guī)格有一系列的方法使你能夠定制包括選擇那些頁(yè)面、采用導(dǎo)入模板、以及定制的頁(yè)頭和頁(yè)腳的規(guī)格。通過(guò)生成規(guī)格的對(duì)話框定制參數(shù)，然后點(diǎn)擊Generate按鈕生成Word文檔。GenerateSpecificationdialog中包括如下選項(xiàng)：1、General:輸入目標(biāo)文件的存儲(chǔ)位置。2、Pages:選擇要生成規(guī)格文檔的頁(yè)面。3、Masters:選擇規(guī)格文檔中所包括的Master。4、PageProperties:選擇和排序頁(yè)面的備注。5、Screenshots:顯示或不顯示對(duì)線框圖進(jìn)行截屏的選項(xiàng)。6、WidgetProperties:控件屬性。選擇和排序注釋，你可以將注釋分解到多個(gè)表中。7、Layout:選擇排列和排序內(nèi)容的是單列或雙列布局。8、WordTemplate：選擇和編輯文檔模板。中級(jí)技能WidgetStyles:控件風(fēng)格概述作為缺省風(fēng)格的追加，你可以在圖片、按鈕、矩形、菜單等控件上編輯附加的風(fēng)格，如rollover（翻滾）、選定。在原型系統(tǒng)中，rollover風(fēng)格應(yīng)用于自動(dòng)、而選定則用于菜單或者導(dǎo)航的高亮交互。應(yīng)用控件風(fēng)格為了增加和編輯控件風(fēng)格，在控件中右鍵并選擇“Edit[widgettype]”子菜單，這個(gè)可用的風(fēng)格包括：Rollover:當(dāng)光標(biāo)移動(dòng)過(guò)這個(gè)控件時(shí)。MouseDown:當(dāng)在這個(gè)控件上鼠標(biāo)點(diǎn)擊時(shí)。Selected:當(dāng)控件被設(shè)置為它的選中狀態(tài)時(shí)。Disabled:當(dāng)控件被設(shè)置為禁用狀態(tài)時(shí)。上述功能并非對(duì)所有控件有效?？梢酝ㄟ^(guò)Preview功能來(lái)校驗(yàn)控件的風(fēng)格效果。交互及控件風(fēng)格控件風(fēng)格可以和交互事件結(jié)合起來(lái)使用。當(dāng)你的鼠標(biāo)經(jīng)過(guò)或在控件上點(diǎn)擊時(shí)，rollover和MouseDown事件會(huì)被自動(dòng)應(yīng)用，你需要使用“SetWidget(s)toSelectedState”Action用于應(yīng)用控件的這個(gè)狀態(tài)。這個(gè)功能非常棒。SelectionGroups:Menu&TreeWidgets使用Menu控件Meun控件便于你容易的創(chuàng)建Web和桌面應(yīng)用的導(dǎo)航菜單。在線框的控件庫(kù)中，分別有垂直和水平的菜單控件可供使用。編輯菜單控件缺省情況下，每個(gè)菜單附帶有3個(gè)菜單項(xiàng)，可以按需進(jìn)行編輯，擴(kuò)展或刪減菜單項(xiàng)。通過(guò)pading選項(xiàng)改變菜單外圍的寬度。二、添加和刪除菜單項(xiàng)很簡(jiǎn)單，略。三、編輯附加的風(fēng)格。設(shè)置菜單控件的鼠標(biāo)rollover和MouseDown風(fēng)格的詳細(xì)參數(shù)。使用Tree控件Tree控件用于構(gòu)造一個(gè)可以伸縮/展開(kāi)的基于瀏覽器的Web導(dǎo)航。如果你的設(shè)計(jì)需要一個(gè)定制的樹(shù)控件，你可以使用動(dòng)態(tài)面板和MovePanelAction進(jìn)行控制。一、編輯樹(shù)控件很簡(jiǎn)單，略。二、增減和刪除樹(shù)節(jié)點(diǎn)很簡(jiǎn)單，略。三、樹(shù)控件和交互你可以使用“ExpandTreeNode(s”and“CollapseTreeNode(s)’動(dòng)作來(lái)動(dòng)態(tài)展開(kāi)或收縮一個(gè)樹(shù)節(jié)點(diǎn)。如果你需要的話，你可以通過(guò)點(diǎn)擊一個(gè)按鈕展開(kāi)或收縮一個(gè)樹(shù)節(jié)點(diǎn)。條件邏輯：ConditionalLogic概述比如說(shuō)，我們希望從一個(gè)下拉式列表中選擇一個(gè)水果，并將其圖片顯示出來(lái)。你會(huì)創(chuàng)建一個(gè)動(dòng)態(tài)面板，其狀態(tài)包括了這個(gè)水果的圖片。當(dāng)下拉列表的值發(fā)生變化（OnChange），你則可以定義事件的條件邏輯，去評(píng)估這個(gè)下拉列表中的值（如果這個(gè)水果下列列表的值為“蘋果”）并設(shè)置這個(gè)動(dòng)態(tài)面板的狀態(tài)發(fā)生相應(yīng)的變化。交互和條件邏輯一、條件創(chuàng)建對(duì)話框：TheConditionBuilderDialog為了向Case中創(chuàng)建條件，首先需要在控件屬性的交互Tab為一個(gè)事件創(chuàng)建Case。在步驟1的CaseEditordialog中，有一個(gè)選項(xiàng)是“AddCondition”。打開(kāi)這個(gè)選項(xiàng)，可看到ConditionBuilderDialog。ConditionBuilder讓你建立條件表達(dá)式，如“IfselectedoptionofFruitDroplistequals‘a(chǎn)pple’”.使用下拉菜單和輸入域，你可以創(chuàng)建你所需要求值的條件。一個(gè)簡(jiǎn)單的方法是，將這個(gè)表達(dá)式拆分為三個(gè)部分:你所要比較的兩個(gè)子項(xiàng)，和它們比較的類型。即：[Onevalue]+[Howitcompares]+[Toanothervalue]你可以基于如下的值類型創(chuàng)建條件：1、Ischeckedof:thecheckstateofacheckboxorradiobutton/一個(gè)Checkbox和Radio的check狀態(tài)。2、Selectedoptionof:theselectedoptionofadroplistorlistbox/一個(gè)下拉列表和列表框中被選擇項(xiàng)。3、Valueofvariable:thecurrentvaluestoredinavariable：變量當(dāng)前所存儲(chǔ)的值4、Lengthofvariablevalue:thenumberofcharactersinavariablevalue：變量值的字符數(shù)。5、Textonwidget:thetextenteredinaformfield：一個(gè)Form域的輸入文字。6、Lengthofwidgetvalue:thenumberofcharactersinthetextonaformfield：一個(gè)Form域輸入的文字的字符長(zhǎng)度。7、Stateofpanel:thecurrentstateofadynamicpanel一個(gè)動(dòng)態(tài)面板的當(dāng)前狀態(tài)8、Visibilityofpanel:whetheradynamicpaneliscurrentlyvisibleorhidden一個(gè)動(dòng)態(tài)面板當(dāng)前是可見(jiàn)或隱藏。9、Textonfocusedwidget:thetextinthewidgetthatisfocused控件上獲得焦點(diǎn)的文本。10、Dragcursor:thelocationofthecursorduringadrag在拖拽過(guò)程中的光標(biāo)位置。11、Areaofwidget:therectangularareathatawidgetoccupies(usedfordraganddrop)，在使用拖拽時(shí)，一個(gè)控件占用的矩形區(qū)域。你可以通過(guò)+號(hào)鍵，添加一個(gè)新的條件。或者使用-號(hào)鍵，刪除一個(gè)條件。條件之間可以通過(guò)全部滿足或任意一個(gè)滿足進(jìn)行控制。條件的多Case一個(gè)事件可以具有多個(gè)條件case。例如，你有一個(gè)不同選項(xiàng)的下拉式列表框，你可以增加多個(gè)多個(gè)OnchangeCase的條件，來(lái)控制選擇每一個(gè)不同選項(xiàng)時(shí)可能發(fā)生的情況。缺省情況下，每個(gè)增加的條件都將是一個(gè)elseif語(yǔ)句。如果你增加的一個(gè)case沒(méi)有條件，那么它將是一個(gè)“ElseIfTrue”語(yǔ)句。典型應(yīng)用如下圖所示：上述為if…elseif…elseif..的判斷路徑走向。下圖是另一種路徑走向，注意體會(huì)：通過(guò)右鍵中的乒乓開(kāi)關(guān)來(lái)控制。動(dòng)態(tài)面板（高級(jí)）：DynamicPanels動(dòng)態(tài)面板的事件概述動(dòng)態(tài)面板有7個(gè)事件，OnMove,OnShow,OnHide,OnPanelStateChange,OnDragStart,OnDrag,andOnDragDrop。OnMove事件OnMove事件在驅(qū)動(dòng)一個(gè)動(dòng)態(tài)面板“Movepanel”Action時(shí)觸發(fā)。Onshow和OnHide事件略。OnPaneStateChange事件TheOnPanelStateChangeeventistriggeredwhenadynamicpanelstateissetusingthe“SetPanelStatetoState”action.DragandDrop事件OnDragStart,OnDrag,andOnDragDrop三個(gè)事件讓你增加了對(duì)動(dòng)態(tài)面板在鼠標(biāo)拖拽過(guò)程的交互控制。如果你希望一組控件具有可拖拽性，請(qǐng)將其集中放置在一個(gè)動(dòng)態(tài)面板上。OnDragStart:Occurswhenthedragbegins.發(fā)生在拖拽開(kāi)始時(shí)。OnDrag:Occursasthepanelisdragged.發(fā)生在拖拽過(guò)程中。OnDragDrop:Occurswhenthepanelisdropped.發(fā)生在鼠標(biāo)松開(kāi)完成拖拽時(shí)。"withdrag":Movesthepanelwiththecursor.Thisisthemostcommonlyused.允許動(dòng)態(tài)面板可隨鼠標(biāo)拖拽，這是最常見(jiàn)的使用方式。"withdragx":Movesthepanelwiththecursorinonlythehorizontaldirection.只允許動(dòng)態(tài)面板在水平方向上的拖拽。"withdragy":Movesthepanelwiththecursorinonlytheverticaldirection.只允許動(dòng)態(tài)面板在垂直方向上的拖拽。"tox,ybeforedrag":Movesthepanelbacktothepositionitwasinbeforethedragstarted.Thisisusefulonthedragdrop.這個(gè)用于在dragdrop時(shí)，將動(dòng)態(tài)面板移回拖拽前的位置。定制的控件庫(kù)：CustomWidgetLibraries概述定制的控件庫(kù)，讓你能夠創(chuàng)建自己的圖標(biāo)、設(shè)計(jì)樣式、商標(biāo)元素等控件，并可以直接裝載它們到控件面板?？丶?kù)以獨(dú)立的RPLIB文件格式創(chuàng)建，可以簡(jiǎn)便的與其他用戶或團(tuán)隊(duì)成員共享。你可以下載和使用我們AxureRP客戶所創(chuàng)新的庫(kù)文件。裝載定制的控件庫(kù)在控件面板工具欄中使用“LoadLibrary”功能尋找.rplib文件并裝載。控件庫(kù)裝載完成后，控件將會(huì)出現(xiàn)在控件面板中，你可以將其拖拽至線框中進(jìn)行使用。為了在啟動(dòng)AxureRP的時(shí)候自動(dòng)裝載這些定制庫(kù)，將rplib文件放在PC的~/MyDocuments/MyAxureRPLibraries文件夾。AxureRP會(huì)從這些位置將之前裝載過(guò)的定制庫(kù)再度裝載.如果需要卸載一個(gè)定制庫(kù)，選擇“Unloadlibrary”，將從控件面板中卸載當(dāng)前的定制庫(kù)。創(chuàng)建定制的控件庫(kù)為創(chuàng)建你自己的控件庫(kù)，使用控件面板的下拉菜單中的“Createlibrary”功能并指定.rplib文件的名稱.這將創(chuàng)建.rplib文件，并將啟動(dòng)AxureRP的另一個(gè)實(shí)例，因?yàn)檫@是一個(gè)庫(kù)文件，Sitemappane將被WidgetLibrarypane替換，你可以在該面板中增加、刪除和組織控件。你可以從已存在的空間中創(chuàng)建自己的定制控件，包括從其他的定制控件庫(kù)中獲取控件，采用同樣的方式進(jìn)行頁(yè)面設(shè)計(jì)。專家技能設(shè)置控件的值SetWidgetValues這部分主要學(xué)習(xí)像動(dòng)態(tài)改變文本面板上的文本、或者checkcheckbox，在設(shè)置值時(shí)使用變量和數(shù)據(jù)、字符串等函數(shù)。概述通過(guò)交互可以動(dòng)態(tài)設(shè)定控件的值，如一個(gè)文本框中的文字、或者一個(gè)下拉列表框中的選項(xiàng)。當(dāng)一個(gè)條件滿足時(shí)，將文本框的文字設(shè)為一個(gè)變量值，或動(dòng)態(tài)checkcheckbox的狀態(tài)非常有用。你也可以使用數(shù)學(xué)和字符函數(shù)來(lái)計(jì)算要設(shè)置的值。設(shè)置變量的值增加一個(gè)交互的case，并在CaseEditordialog對(duì)話框選擇“SetVariable/WidgetValue(s)”動(dòng)作，以設(shè)置一個(gè)控件的值。在CaseEditor的對(duì)話框，點(diǎn)擊“OpenSetValueEditor”，打開(kāi)SetVariableandWidgetValues的對(duì)話框。在這個(gè)對(duì)話框中，你可以構(gòu)造action(s)來(lái)設(shè)置一個(gè)控件值。你可以在一個(gè)action中設(shè)置多個(gè)控件的值。為了實(shí)現(xiàn)此目標(biāo)，在第一個(gè)action后點(diǎn)擊+按鈕。如果要移除一個(gè)action，點(diǎn)擊-按鈕。在每一行，第一個(gè)和第二個(gè)域是控件值的類型，和你想要設(shè)置的具體控件。你可以設(shè)置控件值的下列類型：Ischeckedof:一個(gè)checkbox和radiobox的check狀態(tài)。Selectedoptionof:一個(gè)下拉列表和列表框的選擇項(xiàng)。Textonwidget:一個(gè)控件的顯示文本。Textonfocusedwidget:當(dāng)前獲得焦點(diǎn)的控件所顯示的文本.infocus.第3和4個(gè)域，是你將要設(shè)置的值的類型和和具體的值。這些選項(xiàng)依賴于你正在設(shè)置和包括正在輸入的一個(gè)固定的值的控件的類型，將這個(gè)值設(shè)置存儲(chǔ)到一個(gè)變量，或者將這個(gè)變量的值設(shè)置給其他的控件。TextValuesonTextFieldsandTextAreas當(dāng)設(shè)置像textfields和textareas這樣的表單控件的文字值時(shí)，你可以選擇將文本內(nèi)容設(shè)置設(shè)置為一個(gè)值（靜態(tài)文本值）、變量的值、變量值的長(zhǎng)度、一個(gè)下拉式列表框或列表框的選項(xiàng)、控件的文本、控件值的長(zhǎng)度、或者獲得焦點(diǎn)控件的文本。例如，如果你要?jiǎng)?chuàng)建一個(gè)action，設(shè)置Job字段的文本，使其等于一個(gè)Job下拉列表框中的一個(gè)選項(xiàng)。這個(gè)原型將當(dāng)前所選擇的選項(xiàng)寫入到文本字段中去。TextValuesonTextPanels,ButtonShapes,andImages當(dāng)要向無(wú)格式的控件，如TextPanel、按鈕、圖片設(shè)置文版值時(shí)，你需要找到一個(gè)“EditText”按鈕，點(diǎn)擊其打開(kāi)EnterTextdialog。在這個(gè)對(duì)話框中，你可以輸入和格式化這個(gè)控件的文本值。你也可以插入變量值和數(shù)學(xué)、字符串函數(shù)到這個(gè)文本。本地變量LocalVariables如果你在設(shè)置文本時(shí)需要使用另一個(gè)控件的值，你可以創(chuàng)建一個(gè)本地的變量來(lái)存儲(chǔ)這個(gè)值。本地變量存在于一個(gè)action的范圍，而且不能傳遞到其他頁(yè)面。在EnterTextdialog底部區(qū)域點(diǎn)擊“AddLocalVariable”來(lái)插入一個(gè)本地變量。然后將文本域的值賦予本地變量，然后你可以設(shè)置空間值到本地變量LVAR1。變量名稱必須為字母而且不能為空格。定義數(shù)學(xué)和字符串函數(shù)DefineMathandStringFunctions在EnterTextdialog中，有一系列可用的計(jì)算值和操控字符串的函數(shù)。例如，你可以設(shè)置一個(gè)文本面板控件上的字符為兩個(gè)文本控件上的數(shù)值之和?；蛘?，你可以從一個(gè)textbox中將文本的最后一位字符移除。LocalVariablesinFunctions：函數(shù)中本地變量如上所述，如果你需要在數(shù)學(xué)和字符串函數(shù)中使用一個(gè)控件的值，你需要建立一個(gè)本地變量來(lái)存儲(chǔ)這個(gè)值。例如，如果你建立一個(gè)飯店菜單的計(jì)算器，你可以使用一個(gè)textfield中輸入的值來(lái)計(jì)算小費(fèi)，這個(gè)textfield的值將存儲(chǔ)在一個(gè)本地變量中，以該值的20%計(jì)算消費(fèi)。即[[LVAR1*0.20]]MathandStringFunctions：數(shù)學(xué)和字符串函數(shù)這是一系列可用的數(shù)學(xué)和字符串函數(shù)：+:Addition.E.g.,[[LVAR1+LVAR2]]-:Subtraction.E.g.,[[LVAR1-5]]/:Division.E.g.,[[LVAR1/4]]*:Multiplication.E.g.,[[LVAR1*0.25]]LVAR.toFixed(decimalPoints):使用一個(gè)指定的位數(shù)來(lái)格式化小數(shù)點(diǎn)后面的位數(shù)。例如：ifLVAR1is3.1415926,[[LVAR1.toFixed(2)]]returnthevalueof3.14.LVAR.substring(from,to):returnsthecharactersfromastring,betweenthestartindex(“from”)andtheendindex(“to).返回一個(gè)字符串的字符，從開(kāi)始的位數(shù)到截止的位數(shù)，如：IfLVAR1is“BillHaverchuck”,[[LVAR1.substring(2,10)]]returns“l(fā)lHaver”.LVAR.length:returnsthelengthofastring.返回字符串的長(zhǎng)度，如IfLVAR1is“LindsayWeir”,[[LVAR1.length]]returns12.LVAR.toLowerCase():將一個(gè)字符串轉(zhuǎn)化為小寫.E.g.,[[LVAR1.toLowerCase()]]LVAR.toUpperCase():將一個(gè)字符串轉(zhuǎn)化為小寫.E.g.,[[LVAR1.toUpperCase()]]LVAR.toString():將一個(gè)值轉(zhuǎn)化為字符串，E.g.ifLVAR1is09,[[LVAR1]]returns9,but[[LVAR1.toString()]]returns"09".BuildingaMathExpression：建立一個(gè)數(shù)學(xué)表達(dá)式考慮到一個(gè)餐館賬單的例子，如果本地變量LVAR1被設(shè)置為1個(gè)文本字段用來(lái)表現(xiàn)賬單總額，我們可以設(shè)置一個(gè)文本面板來(lái)呈現(xiàn)這個(gè)總額。

Thetotalbillis$[[LVAR1]]如果為這個(gè)賬單總額增加15%的小費(fèi)，那么這個(gè)表達(dá)式應(yīng)該如下所示：

Thetotalbillis$[[LVAR1*1.15]]includinga15%tip.因?yàn)槲覀兿Ｍ~單總額只留小數(shù)點(diǎn)后2位，因此我們使用toFix函數(shù)來(lái)表達(dá)：Thetotalbillis$[[(LVAR1*1.15).toFixed(2)]]BuildingaStringExpression：建立一個(gè)字符串表達(dá)式String函數(shù)的工作同上。例如，下列的表達(dá)式給我們講LVAR1中的字符串最末一個(gè)字符移除，類似按下了Backspace或Delete鍵。[[LVAR1.substring(0,LVAR1.length-1)]]這個(gè)substring函數(shù)帶有兩個(gè)值，開(kāi)始的序號(hào)和截止序號(hào)。在我們的表達(dá)式中，我們希望這個(gè)這個(gè)字符串從0開(kāi)始，到字符串的長(zhǎng)度截止，而實(shí)際我們要截取的字符串的長(zhǎng)度為總長(zhǎng)減一。頁(yè)面裝載的交互PageLoadInteractions概要OnPageLoad事件允許你創(chuàng)建頁(yè)面開(kāi)始裝載前的交互。在PageInteractions的標(biāo)簽頁(yè)可以找到OnPageLoad事件。這個(gè)常用來(lái)執(zhí)行一些像在菜單中高亮一個(gè)菜單項(xiàng)、設(shè)置一個(gè)動(dòng)態(tài)面板到一個(gè)特定狀態(tài)，或者將變量值插入到控件的文本。OnPageLoadEventAddcasestotheOnPageLoadeventthesamewayyoudowithwidgetevents.Justlikewithwidgetinteractions,youcanperformanyoftheactionsavailableandasmanyasneeded.Youcanalsouseconditionallogictodeterminehowtoinitializethepage.Frequently,thisinvolvesconditionsbasedonvariablevalues.Youcanalsoaddpageloadinteractionsinmasters.TheOnPageLoadeventonamasterfirewhenapagethatcontainsthemastersloadsintheprototype.IfthepagealsohasanOnPageLoadinteraction,thecasesonthemasterwilloccuraftertheonesdefinedonthepage.SetWidgetstoSelectedStatesOnPageLoadevent的常規(guī)用法是高亮一個(gè)導(dǎo)航項(xiàng)，比如菜單項(xiàng)的一個(gè)子項(xiàng)，或者指向當(dāng)前頁(yè)面的一個(gè)按鈕形狀。如果你的頁(yè)面包括了按鈕形狀或者一個(gè)選定風(fēng)格的菜單，你可以在OnPageLoadevent中使用

“SetWidget(s)toSelectedStyle”action，以在頁(yè)面裝載時(shí)高亮這個(gè)菜單項(xiàng)，或者按鈕形狀。二、ConditionallySetDynamicPanelStates：有條件的設(shè)置動(dòng)態(tài)面板狀態(tài)使用條件邏輯的聯(lián)合、變量和SetPanelStatetoState行為，你可以基于變量中存儲(chǔ)的值設(shè)置一個(gè)動(dòng)態(tài)面板到一個(gè)特定狀態(tài)。如，如果你有一個(gè)變量保存著是否用戶登入的標(biāo)記，你可以設(shè)置一個(gè)面板到登入狀態(tài)或登出狀態(tài)。三、SetTextonaWidgettoaVariableValue將控件上的文本設(shè)置給一個(gè)變量值OnPageLoadevent的另一個(gè)通用交互式，將控件上的文本設(shè)置給一個(gè)變量值。例如，如果你有一個(gè)變量存儲(chǔ)了一個(gè)名字，那么你可以設(shè)置一個(gè)控件的文字為："Welcome,[[NameVar]]".變量Variables變量概述VariablesOverview變量用于在一個(gè)頁(yè)面向另一個(gè)頁(yè)面?zhèn)鬟f數(shù)據(jù)。通常來(lái)說(shuō)，任何情況下，都可能有來(lái)自一個(gè)頁(yè)面的交互需求去影星另一個(gè)頁(yè)面的控件，這時(shí)需要使用變量。在AxureRP中你可以無(wú)限數(shù)量的使用變量，但我們建議不要超過(guò)25個(gè)變量，特別在使用IE查看原型系統(tǒng)時(shí)。你可以在條件中使用變量值，對(duì)控件中設(shè)置包括數(shù)學(xué)和字符串表達(dá)式的文本CreatingandSettingVariableValues：創(chuàng)建和設(shè)置變量的值Tomanagethevariablesinyourproject,gotoWireframe->ManageVariablesinthemainmenu.在ManageVariablesdialog中，可以創(chuàng)建、移去、更名和記錄變量。缺省情況下，你的文件會(huì)以一個(gè)名叫OnLoadVariable的變量開(kāi)始。在創(chuàng)建變量名字時(shí)，他們需要是字母，而且少于25個(gè)字符，不能包含空格。TIP:Trytogiveyourvariablesdescriptivenames(i.e.,“UsernameVar”and“CartTotalVar”vs.“Var1”and“Var2”)sothatitiseasyforyouandothersworkingwithyourfiletoidentifythem.設(shè)置變量和控件值對(duì)話框：TheSetVariableandWidgetValuesDialog在CaseEditordialog中添加“SetVariable/WidgetValue(s)”action來(lái)將變量賦值。在第4步的CaseEditor，點(diǎn)擊“OpenSetValueEditor”來(lái)打開(kāi)SetVariableandWidgetValuesdialog。在這個(gè)對(duì)話框中，你可以創(chuàng)建表達(dá)式為變量賦值。你可以在同一個(gè)action中通過(guò)增加行的方式對(duì)多個(gè)變量賦值。你可以點(diǎn)擊+創(chuàng)新一個(gè)新行（賦值），點(diǎn)擊-按鈕刪除一個(gè)賦值行。在行的第一個(gè)列中，設(shè)置“Valueofvariable”并選擇第二列中的變量名，在下拉式列表框中選擇"AddNew..."，打開(kāi)ManageVariablesdialog，并增加一個(gè)新變量。第三、四個(gè)列是你要設(shè)置的值的類型和確定的值。一個(gè)完成的Action看上去是這樣，“SetvalueofvariableNameVarequaltotextonwidgetNameField”。在原型系統(tǒng)中，如果用戶在Name列中輸入“StringerBell”，將觸發(fā)該行為，將值“StringerBell”存儲(chǔ)到NameVar中去。一旦變量的值被設(shè)置，它在頁(yè)面之間執(zhí)行傳遞。你可以設(shè)置一個(gè)變量到下列類型的值：Value:Avalueyoumanuallyenter：你手工輸入的一個(gè)值。Valueofvariable:Thevaluestoredinanothervariable.Choosefromthelistofvariables,oraddanewone.另一個(gè)變量存儲(chǔ)的值，從一個(gè)變量列表中選擇，或者添加一個(gè)新的。Lengthofvariablevalue:Thecharacterlengthofanothervariablevalue(number).Choosefromthelistofvariables,oraddanewone.另一個(gè)變量值的字符長(zhǎng)度，從變量列表中選擇，或添加一個(gè)新的變量。Selectedoptionof:Thecurrentlyselectedvalueofadroplistorlistbox.Choosefromthelistofdroplistandlistboxwidgetsonthepage.一個(gè)下拉列表框或列表框當(dāng)前被選擇的值。從頁(yè)面一個(gè)下拉式列表框或列表框中選擇。Ischeckedof:“True”or“False”basedonwhetheraradiobuttonorcheckboxisselectedorunselected.Choosefromthelistofcheckboxandradiobuttonwidgetsonthepage.T/F基于一個(gè)checkbox或radiobox是被選中或是非選中。從頁(yè)面的checkbox和radiobox控件列表中選擇。Textonwidget:ThevalueenteredintoaTextFieldorTextAreawidget.Choosefromthelistoftextfieldandtextareawidgetsonthepage.Lengthofwidgetvalue:Thecharacterlengthofthevalueonaformwidget(number).Textonfocusedwidget:Thevalueenteredintothewidgetthatiscurrentlyinfocus.UsingVariableValues：使用變量的值ConditionsandVariables：條件和變量BuildingontheConditionalLogicarticle,youcanalsodefineconditionsbasedonvariablevalues.IntheConditionBuilderdialog,you’llfindtwovariable-basedvaluesyoucanuse:valueofvariableandlengthofvariable.例如：你有一個(gè)按鈕，在OnClick事件中有兩個(gè)case，以鏈接到不同的頁(yè)面。判斷的條件是基于變量LoggedInVar值為"Yes"or"No"。這個(gè)交互可能會(huì)像這樣：(Case1)IfvalueofLoggedInVarequals“Yes",openCheckoutinCurrentWindow,and(Case2)IfvalueofLoggedInVarequalsto“No”,openLogininCurrentWindow.TheconditiononthesecondcasecouldbeomittedandreadElseIfTruetohandlethe"notYes"case.SetWidgetTextUsingVariables：使用變量來(lái)設(shè)置控件文本UsingtheSetWidgetValuesaction,youcaninsertavariablevalueintowidgettextintheEnterTextdialog.ThisisfrequentlydoneinanOnPageLoadevent.但是變量的值又從哪里來(lái)？有3種不同類型的變量值，你可以插入到文本中：1、全局變量；2、built-invariables：內(nèi)置變量3、localvariables：本地變量。為了將變量插入到文本中，變量名字將要圍繞雙方括號(hào)，“[[variablename]]”。變量的值將替換雙括號(hào)中的變量名。內(nèi)置的變量用于插入當(dāng)前的名字、頁(yè)面被查看的當(dāng)前日期、原型生成的時(shí)間等。這里有一系列內(nèi)置的變量：1、PageName,2、Day,3、Month,4、MonthName,5、DayOfWeek,6、Year,7、GenDay,8、GenMonth,9、GenMonthName,10、GenDayofWeek,11、GenYear.本地變量存在于一個(gè)action范圍，不能像全局變量一樣在頁(yè)面之間傳遞數(shù)據(jù)，為了插入一個(gè)本地變量，點(diǎn)擊EnterTextdialog.底部的“AddLocalVariable”功能。OnPageLoad,ConditionsandVariablesOneofthemorecommonusesfortheOnPageLoadeventistoperformandactionbasedonavariablevalue.Here'sanexample.Let’ssaythere’sadroplistontheStartPagewheretheuserselectstheirrolefromthreeoptions:marketing,sales,orsupport.Whentheuserselectsanoption(OnChange),thevalueoftheRoleVariableissetto“marketing”,“sales”,or“support”.ClickingabuttontakestheusertotheInformationPagewhichcontainsadynamicpanelwiththreestates.Eachstateisspecifictooneoftheroles.IntheOnPageLoadeventwecancheckthevalueofRoleVariableandsetthestateofthepanel(InfoPanel)accordingly.Case1:IfvalueofvariableRoleVariableequals“marketing”,setInfoPanelstatetoMarketingInfo.Case2:ElseIfvalueofvariableRoleVariableequals“sales”,setInfoPanelstatetoSalesInfo.Case3:ElseIfvalueofvariableRoleVariableequals“support”,setInfoPanelstatetoSupportInfo.Theprototypewillperformoneofthecaseswhenthepageloadsbasedontheroleselectedandtheuserwillautomaticallyseethecorrectcontent.RaisedEvents概述RaiseEvent是創(chuàng)建在master上的定制事件，允許你對(duì)每個(gè)master的實(shí)例增加不同的交互。你也可以在希望一個(gè)master的內(nèi)部控件影響master外部的頁(yè)面控件時(shí)使用raisedevent。Raiseevent在master內(nèi)部的控件從交互被觸發(fā)。例如，如果你在master中創(chuàng)建了一個(gè)"Back"or"Previous"按鈕。你可以從按鈕的OnClick事件中raise一個(gè)事件，然后依賴一個(gè)頁(yè)面上使用的一個(gè)master，連接到另一個(gè)不同的頁(yè)面?；蛘呷绻愕捻?yè)面有一個(gè)maseter和一個(gè)動(dòng)態(tài)面板，master中有一個(gè)按鈕需要隱藏動(dòng)態(tài)面板。你可以在點(diǎn)擊這個(gè)master的按鈕時(shí)raise一個(gè)事件，這樣可以在master之上可以定義一個(gè)交互來(lái)隱藏這個(gè)面板。CreateandUseRaisedEvents:創(chuàng)建和使用raiseeventMaster中的交互都可以raise一個(gè)事件。在CaseEditordialog，選擇“RaiseEvent”action。在第四步的對(duì)話框里，你可以增加和管理raiseevent和選擇交互中要raise的事件。有助于你給出raise事件一個(gè)名字，如OnHelpButtonClick.。Raisedevents也能在線框中的ManageRaisedEventsdialog中進(jìn)行管理。在菜單的Wireframe->ManageRaisedEventsinthemainmenu.當(dāng)你在頁(yè)面中添加一個(gè)master時(shí)，在交互面板中選擇你想要看到raiseevent的master。你便可以增加事件的交互，同樣的，其他任何事件都是這樣處理。該功能主要是面向master，因?yàn)閙aster是一個(gè)公共模塊，可以在不同頁(yè)面中重用，而且每個(gè)頁(yè)面中都有不同操作行為。下面為一個(gè)應(yīng)用的案例：1、頁(yè)面中有兩個(gè)master，如下圖：2、"<<PREVIOUS"textpanel將在其onclick事件中，添加raiseevent。3、raiseevent的動(dòng)作設(shè)置：4、增加一個(gè)新的raiseeventOnPreviousClick，如下圖；這是一個(gè)虛空的事件。未來(lái)在頁(yè)面中應(yīng)用該master的時(shí)候，才會(huì)編制事件action。5、當(dāng)該master控件應(yīng)用在page2中，即可以為該raiseevent添加case。項(xiàng)目共享SharedProjects概述團(tuán)隊(duì)共享的意思是多人可以在同一時(shí)間內(nèi)對(duì)RP文件進(jìn)行編輯，維護(hù)項(xiàng)目文件的版本控制。共享的項(xiàng)目文件會(huì)放在一個(gè)網(wǎng)絡(luò)驅(qū)動(dòng)器或者一個(gè)SVN服務(wù)器。網(wǎng)絡(luò)驅(qū)動(dòng)器通常情況部署起來(lái)比較簡(jiǎn)單，但你需要在遠(yuǎn)程通過(guò)VPN連接。我們推薦存儲(chǔ)在SVN服務(wù)器的文件夾下。SettingUpaNewSharedProject：設(shè)置一個(gè)新的共享項(xiàng)目CreateSharedProjectDialog：創(chuàng)建共享項(xiàng)目對(duì)話框步驟一、輸入共享項(xiàng)目的名字。文件和文件夾也將被創(chuàng)建并與項(xiàng)目名稱保持一致。步驟二、SharedProjectDirectory:共享項(xiàng)目的目錄。選擇共享項(xiàng)目的文件夾目錄。這個(gè)目錄通常為一個(gè)網(wǎng)絡(luò)驅(qū)動(dòng)器，其他用戶應(yīng)能訪問(wèn)。這不需要安裝任何其他的附加軟件。然而，通過(guò)VPN訪問(wèn)速度將會(huì)很慢，我們通常不推薦采用這種方式。步驟三、LocalDirectoryfortheSharedProject:選擇一個(gè)電腦本地目錄，共享項(xiàng)目的本地拷貝將被創(chuàng)建。SharedProjectEnvironment&LocalCopy：共享項(xiàng)目環(huán)境和本地拷貝一旦你完成配置共享項(xiàng)目，AxureRP將打開(kāi)你的本地拷貝。你將看到AxureRP環(huán)境中有如下不同的情況：SitemapandMasterPanes:Therearedifferenticonsnexttothepages/masterslistedinthepanesthatindicatethecurrentstatusofthatitem.注意指示圖標(biāo)的不同。WireframeToolbar:Thetoolbarabovethewireframepaneincludesinformationaboutthestatusofthepage/masterbeingdesigned,andadropdownmenutochangethestatus.如下圖：共享項(xiàng)目的本地拷貝由.rpprj文件和一個(gè)DO_NOT_EDIT文件夾組成。這個(gè)文件夾包括了項(xiàng)目數(shù)據(jù)和版本控制信息，而且不允許被AxureRP之外的軟件修改。確定不要單獨(dú)移走DO_NOT_EDIT文件夾。你如果需要在這個(gè)共享項(xiàng)目上工作，不需要每次都去獲得一個(gè)新的本地拷貝。GettinganExistingSharedProject要開(kāi)始在已創(chuàng)建的共享項(xiàng)目上工作，在主菜單中選擇Share->GetandOpenSharedProject。這將打開(kāi)GetSharedProject向?qū)?，并帶你逐步?chuàng)建一個(gè)共享項(xiàng)目在電腦本地的拷貝。當(dāng)你結(jié)束這個(gè)過(guò)程，rpprjfileandDO_NOT_EDITfolder將在你所選擇的目錄中自動(dòng)創(chuàng)建。.如果你在尋找這個(gè)共享目錄時(shí)發(fā)生了麻煩，注意這個(gè)共享目錄的名字應(yīng)帶有最新的項(xiàng)目文件夾名字，你也可以通過(guò)打開(kāi)一個(gè)已經(jīng)存在的本地拷貝來(lái)找到共享文件夾，這需要使用主菜單中的->BrowseSharedProjectHistory.對(duì)話框中顯示有共享目錄的名字。如果電腦已經(jīng)有了一個(gè)本地拷貝，你不需要獲取一個(gè)新的本地拷貝或者不要只打開(kāi)這個(gè)RPPRJ文件。為了多臺(tái)電腦一起訪問(wèn)這個(gè)共享項(xiàng)目，通過(guò)上述步驟為不同的電腦各自創(chuàng)建一份本地拷貝。不要?jiǎng)?chuàng)建本地拷貝的拷貝，如將本地的rpprj文件發(fā)郵件給自己，或者從一臺(tái)電腦拷貝到另一臺(tái)電腦，這個(gè)可能造成項(xiàng)目沖突，每個(gè)電腦都有它們自己的本地拷貝。WorkingwiththeSharedProject在共享項(xiàng)目中工作編輯一個(gè)頁(yè)面或master。為了修改共享頁(yè)面中的頁(yè)面或master，你首先需要通過(guò)checkout操作，將共享項(xiàng)目文件checkout到本地。當(dāng)你完成修改后，通過(guò)checkin將修改寫回共享項(xiàng)目。如果你想發(fā)送更改單仍保持頁(yè)面和master的更改狀態(tài)，則使用SendChanges功能。CheckOut:Toeditapageormaster,usetheCheckOutoperation.Thisupdatestheitemwithanychangesfoundintheshareddirectoryandreservesitforyoutoedit.YoucantheneditthewireframelikeyouwouldinaregularRPfile.YoucanalsouseShare->CheckOutEverythinginthemainmenutocheckoutallofthepages,masters,andprojectpropertiesintheSharedProject.Keepinmindthatcheckoutsareperlocalcopyandnotperuser.Soifyouhavemultiplelocalcopies,apagewillonlybecheckedoutinoneofthem.UnsafeCheckOut:不安全的checkout。

Ifanitemisalreadycheckedoutwhenyoutrytocheckitout,theUnabletoCheckOutdialogappearsgivingyoutheoptiontodoanEditw/oCheckOut.Thisallowsyoutoedittheitemeventhoughit’salreadycheckedoutbyanotheruser,alsoknownasanUnsafeCheckout.我們不推薦不安全的checkout，因?yàn)檫@將可能導(dǎo)致沖突。Aconflictoccurswhenmultiplepeopleeditthesameitematthesametime,andtheshareddirectorycanonlychooseonesetofchangestoaccept.Theotherset(s)ofchangesaredismissed,andwillneedtobemanuallyreapplied.However,unsafecheckoutscanbeusefulif(forsomereason)youcannotCheckInfromthelocalcopythathasanitemcheckedoutorifyoutemporarilycannotconnecttotheshareddirectorytodoaCheckOut.GetChanges:Toretrievethelatestversionofapageormasterfromtheshareddirectory,usetheGetChangesoperation.Thisupdatestheitemaswellasanyprojectpropertiesthepageormasteruses.Toretrievethelatestversionoftheentiresharedproject,chooseShare->GetAllChangesfromSharedDirectoryinthemainmenu.Tip:Itisgoodpracticetofrequentlygetallchangestoyourlocalcopytokeepituptodateandinsyncwiththeshareddirectory.SendChanges:Tosendyourchangestoapageormastertotheshareddirectorybutkeepthepageormastercheckedout,usetheSendChangesoperation.ThisopenstheSendChangesdialogwhereyoucanaddnotesaboutthechangesbeforesendingthem.YoucansaveyourlocalcopyusingFile->Saveinthemainmenu,butthisdoesnotsendyourchangestotheshareddirectory.Tos