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