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