




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、Axure RP8使用技巧定制搜索輸入框制作搜索框/輸入框的下拉列表跟隨提示,分三種形式。案例一:搜索框/輸入框一案例二:搜索框/輸入框二案例三:搜索框/輸入框三元件:文本框、中繼器、水平線、文本標(biāo)簽、圖片、動態(tài)面板。分布如下:案例元件文本框中繼器水平線文本標(biāo)簽圖片動態(tài)面板案例一案例二案例三原理:主要是中繼器的使用、字符串函數(shù)的使用、動態(tài)面板的使用。其中案例二以案例一為基礎(chǔ),案例三以案例二為基礎(chǔ)。1、通過中繼器的數(shù)據(jù)管理功能,在中繼器顯示前添加篩選動作,然后加載篩選出的各項(xiàng)。注:在數(shù)據(jù)集添加數(shù)據(jù)列“SearchOption”。2、在中繼器數(shù)據(jù)集頁面,添加數(shù)據(jù)列和數(shù)據(jù)。3、在中繼器數(shù)據(jù)集頁面,在
2、矩形框中,設(shè)置或增加顯示數(shù)據(jù)列的元件(如文本標(biāo)簽、矩形、圖片等)及名稱。4、回到主頁面,添加中繼器的交互事件,在“每項(xiàng)加載時(shí)”事件中,針對各數(shù)據(jù)列對應(yīng)的元件設(shè)置文字顯示。5、在文本輸入框元件為中繼器“添加篩選”:選中文本輸入框,選擇交互事件“文本改變時(shí)”,在添加動作中選擇中繼器的“添加篩選”,然后在配置動作中選擇中繼器,設(shè)置動作條件。最后編輯條件,也就是中繼器的篩選要求,將符合條件的數(shù)據(jù)項(xiàng)選出。使用字符串函數(shù)indexOf判斷中繼器的數(shù)據(jù)項(xiàng)是否包含文本框中的數(shù)據(jù),如Item.SearchOption.indexOf(LVAR1)=0 其中LVAR1是為文本輸入框的文字設(shè)置的局部變量。1. 搜索
3、框/輸入框一方法與步驟:1、從元件庫拖入【文本框】和【中繼器】,將【中繼器】設(shè)置為“隱藏”。2、選中【中繼器】,在屬性中設(shè)置名稱(Name)為“RPL_SearchOption“。如下圖。說明:此處【中繼器】中的數(shù)據(jù)為步驟3中設(shè)置的數(shù)據(jù)集,【中繼器】初始狀態(tài)為空。3、雙擊【中繼器】,進(jìn)入中繼器配置頁面。在“數(shù)據(jù)集”中將第1列改名為“SearchOption”,并添加數(shù)據(jù)行。如下圖。設(shè)置完成后,可以調(diào)整矩形框長、寬,返回原頁面查看效果和調(diào)整元件位置。4、在中繼器配置頁面選中矩形,選擇樣式,去掉矩形邊框的上線。如下圖。注:此處在Axure7.0中是在屬性中選擇形狀(開口向上的矩形框)。5、在中繼器
4、配置頁面拖入【水平線】,調(diào)整位置及長度,使其位于矩形框的上部,長度等于矩形框長度。在選中水平線的狀態(tài)下,為水平線在屬性名稱中命名為“HL_TopBorder”,并勾選“隱藏”屬性。6、返回到原頁面,調(diào)整文本框和中繼器的大小和位置。7、在原頁面選擇中繼器,在屬性中添加“交互”事件。(此中繼器交互事件為系統(tǒng)默認(rèn)自動創(chuàng)建,如果系統(tǒng)沒有自動創(chuàng)建,則按照以下步驟進(jìn)行添加)選取“每項(xiàng)加載時(shí)”:雙擊或點(diǎn)擊“+”,彈出:在“添加動作”中選擇“設(shè)置文本”,在配置動作中選擇矩形框,然后點(diǎn)擊“fx”,彈出“編輯文本”窗口,點(diǎn)擊“插入變量或函數(shù)”,在下拉列表中選取Item.SearchOption。8、繼續(xù)添加【中繼
5、器】“每項(xiàng)加載時(shí)”交互事件,雙擊或點(diǎn)擊“+”按鈕點(diǎn)擊“添加條件”:在“條件設(shè)立”中選擇“值”、第一個(gè)fx為“Item.isFirst”,第二個(gè)fx中輸入“true”。確定后,回到動作配置,“添加動作”中選擇“顯示”,“配置動作”中勾選水平線。在“交互”事件中,右擊剛才添加的事件,切換為至此,得到中繼器的交互事件如下:9、為文本框添加交互事件。添加事件的方法同上。添加事件的基本過程是:選擇事件添加條件添加動作配置動作。文本框的交互事件如下:Case1:如果文本框不為空:在文本框的“交互”事件中添加中繼器的“篩選”動作;在配置動作中,為文本框添加局部變量;插入函數(shù):如果Item.SearchOpt
6、ion.indexOf(LVAR1)=0則顯示中繼器Case2:如果文本框?yàn)榭?,則隱藏中繼器。2. 搜索框/輸入框二在“搜索框/輸入框一”的基礎(chǔ)上,修改中繼器的數(shù)據(jù)集和矩形框中顯示的內(nèi)容。1、中繼器數(shù)據(jù)集:增加一列“SummaryLine”:2、矩形框:在矩形框內(nèi)添加3個(gè)元件:一個(gè)圖片、兩個(gè)文本標(biāo)簽(名稱分別為:LBL_Name、LBL_SummaryLine)3、修改中繼器的交互事件:讓文本標(biāo)簽分別對應(yīng)中繼器數(shù)據(jù)集中的列。3. 搜索框/輸入框三在“搜索框/輸入框二”的基礎(chǔ)上,修改中繼器的數(shù)據(jù)集和矩形框中顯示的內(nèi)容。1、中繼器數(shù)據(jù)集增加一列:2、動態(tài)面板在中繼器配置頁面,選取矩形框、圖片、兩個(gè)
7、文本標(biāo)簽等4個(gè)元件(除去最上面的水平線外),在右擊菜單中選擇“轉(zhuǎn)換為動態(tài)面板”,即可生成動態(tài)面板,并命名為DP_List_Items。將當(dāng)前面板的狀態(tài)改名為Result_Item,在選中時(shí)右擊顯示右鍵菜單,選擇“復(fù)制狀態(tài)”,將新生成的動態(tài)面板的狀態(tài)改名為Category_Item。說明:使用動態(tài)面板對中繼器數(shù)據(jù)集顯示的兩種情況進(jìn)行分別設(shè)置,即對應(yīng)動態(tài)面板的兩個(gè)狀態(tài),并調(diào)整數(shù)據(jù)集的數(shù)據(jù)項(xiàng)(ItemType為category)的高度。打開動態(tài)面板的狀態(tài)Category_Item進(jìn)行修改,用于展示分組標(biāo)題:保留矩形和1個(gè)文本標(biāo)簽,刪除其他元件,調(diào)整位置、大小及字體。將文本標(biāo)簽命名為LBL_CategoryName。3、設(shè)置全局變量ItemOffset。操作菜單:項(xiàng)目全局變量4、修改中繼器事件回到原頁面,選中中繼器,更新其交互事件。其中,設(shè)置文本標(biāo)簽LBL_CategoryName的文字;移動動態(tài)面板:x:0,y:ItemOffset另外,在“每項(xiàng)加載時(shí)”對ItemType進(jìn)行判斷。如果ItemType為category,則設(shè)置動態(tài)面板的狀態(tài)為Category_Item,并將全局變量ItemOffset減去30(動態(tài)面板中矩形
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- T/CNCA 063-2024煤的真密度測定氦氣置換法
- T/TMAC 093-2024隧道工程玄武巖纖維噴射混凝土技術(shù)規(guī)范
- 2025年簡單個(gè)人蔬菜大棚承包合同7篇
- LED顯示屏戶外媒體廣告發(fā)布合同協(xié)議7篇
- 留學(xué)中介服務(wù)合同6篇
- 勞動合同臺賬模板勞動合同管理臺賬6篇
- 電力工程施工合同與電力工程施工承包合同5篇
- 理論聯(lián)系實(shí)際談一談你對高質(zhì)量發(fā)展的理解參考答案二
- 中小學(xué)生生理衛(wèi)生知識
- 文字、語音、圖象識別設(shè)備項(xiàng)目績效評估報(bào)告
- 浙江省金華市東陽市2025年七年級下學(xué)期期末數(shù)學(xué)試題及答案
- 江西省煙草專賣局(公司)筆試試題2024
- 期末復(fù)習(xí)題(試題)2024-2025學(xué)年六年級下冊數(shù)學(xué)人教版
- 多彩的非洲文化 - 人教版課件
- 2025年年中考物理綜合復(fù)習(xí)(壓軸特訓(xùn)100題55大考點(diǎn))(原卷版+解析)
- -《經(jīng)濟(jì)法學(xué)》1234形考任務(wù)答案-國開2024年秋
- 2025-2030全球及中國貨運(yùn)保險(xiǎn)行業(yè)市場現(xiàn)狀供需分析及市場深度研究發(fā)展前景及規(guī)劃可行性分析研究報(bào)告
- 醫(yī)院檢驗(yàn)科實(shí)驗(yàn)室生物安全程序文件SOP
- 閥門系數(shù)Cv和KV值計(jì)算表格(帶公式)
- 導(dǎo)流明渠施工方案(共4頁)
- 小學(xué)美術(shù)三年級下冊第5課我們班級的標(biāo)志PPT課件
評論
0/150
提交評論