APP原型模板APP原型模板是專門(mén)為設(shè)計(jì)APP原型而設(shè)置的RP文件，它包含一個(gè)專門(mén)用來(lái)查看設(shè)計(jì)效果的頁(yè)面，由移動(dòng)設(shè)備的“機(jī)身外殼”和“內(nèi)聯(lián)框架”組成，還有用來(lái)設(shè)計(jì)AP
查看詳情第九步：根據(jù)之前幾步操作，昆明網(wǎng)站制作認(rèn)為繼續(xù)給previous_page部件添加交互，如圖67。（圖67）第十步：在頂部的工具欄中單擊【預(yù)覽】按鈕，或者按下快捷鍵F5/Shift+C
查看詳情第八步：選中page2部件，雙擊【鼠標(biāo)單擊時(shí)】事件下的Case1，在彈出的【用例編輯器】中新增【啟用】動(dòng)作，在【配置動(dòng)作】中勾選previous_page和next_page，見(jiàn)圖66。此時(shí)
查看詳情第七步：選中page3部件，雙擊【鼠標(biāo)單擊時(shí)】事件下的Case1，在彈出的【用例編輯器】中新增【禁用】動(dòng)作，在【配置動(dòng)作】中勾選next_page。繼續(xù)新增【啟用】動(dòng)作，在【
查看詳情第六步：選中page1部件，雙擊【鼠標(biāo)單擊時(shí)】事件下的Case1，在彈出的【用例編輯器】中新增【禁用】動(dòng)作，在【配置動(dòng)作】中勾選previous_page。昆明網(wǎng)站建設(shè)小編認(rèn)為繼
查看詳情第五步：在部件【屬性】面板中右鍵單擊該用例，并將其切換為If語(yǔ)句結(jié)構(gòu)，見(jiàn)圖63。（圖63）單擊【預(yù)覽】按鈕進(jìn)行測(cè)試，交互已經(jīng)正常工作了。接下來(lái)，昆明網(wǎng)站制作小編將繼
查看詳情第四步：選中【下一步】按鈕，在部件【面板】中雙擊【鼠標(biāo)單擊時(shí)】事件。在彈出的【用例編輯器】頂部單擊【新增條件】，在彈出的【條件編輯器】左側(cè)下拉列表選擇【值
查看詳情下面就來(lái)逐一解決這幾個(gè)問(wèn)題。第三步：選中next_page部件，在部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件。在彈出的【用例編輯器】中單擊【添加條件】，在彈出的【條
查看詳情第二步：選中next_page部件，在部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件，在彈出的【用例編輯器】中新增【設(shè)置當(dāng)前顯示頁(yè)面】動(dòng)作。在【配置動(dòng)作】中勾選products
查看詳情上一頁(yè)/下一頁(yè)交互第一步：同時(shí)選中previous_page和next_page兩個(gè)部件，設(shè)置填充顏色為#FF0033，字體顏色為#FFFFFF，然后在部件【屬性】面板中設(shè)置【禁用】時(shí)的交互樣
查看詳情第八步：在頂部的工具欄中單擊【預(yù)覽】按鈕，或者昆明網(wǎng)站建設(shè)小編認(rèn)為按下快捷鍵F5/Shift+Command+P，快速預(yù)覽交互效果。（圖48）
查看詳情第七步：參考第六步操作，繼續(xù)添加兩個(gè)用例。如果specify_page部件中的文字等于2，就選中page2；如果specify_page部件中的文字等于3，就選中page3，見(jiàn)圖47。（圖47）此時(shí)
查看詳情但是，這里會(huì)出現(xiàn)一個(gè)問(wèn)題，就是當(dāng)跳轉(zhuǎn)到指定頁(yè)面時(shí)，page1、page2和page3的選中狀態(tài)并沒(méi)有和輸入的頁(yè)面一起改變。比如，當(dāng)前顯示page1，在specify_page部件中輸入2，單
查看詳情第五步：選中確定（GO）部件，在部件【屬性】中雙擊【鼠標(biāo)單擊時(shí)】事件，在彈出的【用例編輯器】中新增【設(shè)置當(dāng)前顯示頁(yè)面】動(dòng)作在【配置動(dòng)作】中勾選products，底部選
查看詳情第三步：在頂部的工具欄中單擊【預(yù)覽】按鈕，或者按下快捷鍵F5/Shift+Command+P，快速預(yù)覽交互效果。昆明網(wǎng)站建設(shè)小編認(rèn)為此時(shí)頁(yè)碼1、2和3已經(jīng)可以正常交互了。第四
查看詳情第二步：選中page1，在部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件，在彈出的【用例編輯器】中新增【設(shè)置當(dāng)前顯示頁(yè)面】動(dòng)作。在【配置動(dòng)作】中勾選products中繼器，并
查看詳情中繼器分頁(yè)和翻頁(yè)第一步：同時(shí)選中page1、page2和page3三個(gè)部件，在部件【屬性】面板中單擊【選中】交互樣式，在彈出的【設(shè)置交互樣式】對(duì)話框中將選中時(shí)的字體設(shè)置
查看詳情第二步：?jiǎn)螕羟蹇眨╟lear）部件，在部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件，在彈出的【用例編輯器】中新增【移除過(guò)濾器】動(dòng)作。在【配置動(dòng)作】中勾選products中繼
查看詳情按價(jià)格區(qū)間過(guò)濾第一步：在設(shè)計(jì)區(qū)域中單擊確定（submit）部件，在部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件，在彈出的【用例編輯器】中新增【添加過(guò)濾器】動(dòng)作，在右側(cè)
查看詳情第二步：參考第一步的操作，給【價(jià)格升序】和【價(jià)格降序】?jī)蓚€(gè)部件分別添加數(shù)據(jù)排序的交互效果。第三步：在頂部的工具欄中單擊【預(yù)覽】按鈕，或者昆明網(wǎng)站制作覺(jué)得可
查看詳情數(shù)據(jù)排序本小節(jié)介紹如何將中繼器中的商品按照人氣、銷量和價(jià)格高低進(jìn)行排序。第一步：在設(shè)計(jì)區(qū)域中單擊【人氣】部件，在部件【屬性】面板中雙擊【鼠標(biāo)單擊時(shí)】事件
查看詳情第三步：昆明網(wǎng)站制作小編認(rèn)為參考第二步操作，給【飛利浦】、【索尼】和【夏普】配置所選品牌商品數(shù)量。第四步：選中【全部品牌】標(biāo)簽，在部件【屬性】面板中雙擊【
查看詳情第二步：在設(shè)計(jì)區(qū)域中單擊【三星】文本標(biāo)簽，在右側(cè)【配置動(dòng)作】中雙擊【鼠標(biāo)單擊時(shí)】事件下的Case1，對(duì)該用例進(jìn)行編輯。在彈出的【用例編輯器】中新增【設(shè)置文本】
查看詳情接下來(lái)設(shè)置：全部商品共：X件，所選品牌商品共：X件。第一步：選中total_products部件，在右側(cè)部件【屬性】面板中單擊【更多事件＞＞＞】，在下拉列表中選擇【載入時(shí)】事件
查看詳情第二步：參考第一步操作，繼續(xù)給【飛利浦】、【索尼】和【夏普】添加過(guò)濾和選中動(dòng)作，并進(jìn)行恰當(dāng)配置。第三步：選中【所有品牌】標(biāo)簽，在右側(cè)部件【屬性】面板中雙擊【
查看詳情過(guò)濾數(shù)據(jù)過(guò)濾可以只顯示符合一定條件的數(shù)據(jù)，數(shù)據(jù)過(guò)濾通常是由不包含在中繼器內(nèi)的部件觸發(fā)的（也就是中繼器外部的部件）。下面昆明網(wǎng)站建設(shè)小編將介紹一下如何對(duì)中繼
查看詳情第九步：請(qǐng)按圖19所示，添加矩形部件、文本輸入框和標(biāo)簽到設(shè)計(jì)區(qū)域，并按圖中提示給部件命名。（圖19）至此，案例的準(zhǔn)備工作全部完畢，下面昆明網(wǎng)站建設(shè)小編就來(lái)詳細(xì)講解
查看詳情第八步：繼續(xù)參考圖16，添加矩形、文本輸入框和按鈕部件到設(shè)計(jì)區(qū)域，并按圖示給部件命名。同時(shí)選中【三星】、【飛利浦】、【索尼】、【夏普】和【全部品牌】這5個(gè)標(biāo)
查看詳情第七步：?jiǎn)螕簟局欣^器檢查器】面板中的【樣式】標(biāo)簽，設(shè)置布局為【水平】，勾選【排列顯示】，每行項(xiàng)目數(shù)【5】，勾選【分頁(yè)顯示】，每頁(yè)項(xiàng)目數(shù)【10】，起始頁(yè)【1】，并設(shè)
查看詳情
