axure8使用技巧

1、AxureRP8使用技巧使用技巧定制搜索定制搜索輸入框入框制作搜索框輸入框的下拉列表跟隨提示，分三種形式。案例一：搜索框輸入框一案例二：搜索框輸入框二案例三：搜索框輸入框三元件：文本框、中繼器、水平線、文本標(biāo)簽、圖片、動(dòng)態(tài)面板。分布如下：案例案例元件元件文本框文本框中繼器中繼器水平線水平線文本標(biāo)簽文本標(biāo)簽圖片圖片動(dòng)態(tài)面板動(dòng)態(tài)面板案例一√√√案例二√√√√√案例三√√√√√√原理：主要是中繼器的使用、字符串函數(shù)的使用、動(dòng)態(tài)面板的使用。其中

2、案例二以案例一為基礎(chǔ)，案例三以案例二為基礎(chǔ)。1、通過(guò)中繼器的數(shù)據(jù)管理功能，在中繼器顯示前添加篩選動(dòng)作，然后加載篩選出的各項(xiàng)。注：在數(shù)據(jù)集添加數(shù)據(jù)列“SearchOption”。2、在中繼器數(shù)據(jù)集頁(yè)面，添加數(shù)據(jù)列和數(shù)據(jù)。3、在中繼器數(shù)據(jù)集頁(yè)面，在矩形框中，設(shè)置或增加顯示數(shù)據(jù)列的元件（如文本標(biāo)簽、矩形、圖片等）及名稱。4、回到主頁(yè)面，添加中繼器的交互事件，在“每項(xiàng)加載時(shí)”事件中，針對(duì)各數(shù)據(jù)列對(duì)應(yīng)的元件設(shè)置文字顯示。5、在文本輸入框元件為中繼

3、器“添加篩選”：選中文本輸入框，選擇交互事件“文本改變時(shí)”，在添加動(dòng)作中選擇中繼器的“添加篩選”，然后在配置動(dòng)作中選擇中繼器，設(shè)置動(dòng)作條件。最后編輯條件，也就是中繼器的篩選要求，將符合條件的數(shù)據(jù)項(xiàng)選出。使用字符串函數(shù)indexOf判斷中繼器的數(shù)據(jù)項(xiàng)是否包含文本框中的數(shù)據(jù)，如[[Item.SearchOption.indexOf(LVAR1)=0]]其中LVAR1是為文本輸入框的文字設(shè)置的局部變量。2、選中【中繼器】，在屬性中設(shè)置名稱（N

4、ame）為“RPL_SearchOption“。如下圖。說(shuō)明：此處【中繼器】中的數(shù)據(jù)為步驟3中設(shè)置的數(shù)據(jù)集，【中繼器】初始狀態(tài)為空。3、雙擊【中繼器】，進(jìn)入中繼器配置頁(yè)面。在“數(shù)據(jù)集”中將第1列改名為“SearchOption”，并添加數(shù)據(jù)行。如下圖。設(shè)置完成后，可以調(diào)整矩形框長(zhǎng)、寬，返回原頁(yè)面查看效果和調(diào)整元件位置。4、在中繼器配置頁(yè)面選中矩形，選擇樣式，去掉矩形邊框的上線。如下圖。注：此處在Axure7.0中是在屬性中選擇形狀（開(kāi)口