APP原型模板的第一步

APP原型模板APP原型模板是專門為設(shè)計APP原型而設(shè)置的RP文件,它包含一個專門用來查看設(shè)計效果的頁面,由移動設(shè)備的“機身外殼”和“內(nèi)聯(lián)框架”組成,還有用來設(shè)計AP

查看詳情

APP原型模板概述

本章節(jié)昆明網(wǎng)站建設(shè)小編將詳細(xì)講解APP原型中內(nèi)容的不同顯示方法,以及如何在真實的iPhone設(shè)備中預(yù)覽原型,其中APP原型的設(shè)計尺寸和Viewport工作原理值得讀者深入學(xué)

查看詳情

上一頁/下一頁交互的最后兩步

第九步:根據(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ī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,底部選

查看詳情

關(guān)于中繼器分頁和翻頁第三步與第

第三步:在頂部的工具欄中單擊【預(yù)覽】按鈕,或者按下快捷鍵F5/Shift+Command+P,快速預(yù)覽交互效果。昆明網(wǎng)站建設(shè)小編認(rèn)為此時頁碼1、2和3已經(jīng)可以正常交互了。第四

查看詳情

關(guān)于中繼器分頁和翻頁第二步

第二步:選中page1,在部件【屬性】面板中雙擊【鼠標(biāo)單擊時】事件,在彈出的【用例編輯器】中新增【設(shè)置當(dāng)前顯示頁面】動作。在【配置動作】中勾選products中繼器,并

查看詳情

中繼器分頁和翻頁第一步

中繼器分頁和翻頁第一步:同時選中page1、page2和page3三個部件,在部件【屬性】面板中單擊【選中】交互樣式,在彈出的【設(shè)置交互樣式】對話框中將選中時的字體設(shè)置

查看詳情

按價格區(qū)間過濾的最后二步

第二步:單擊清空(clear)部件,在部件【屬性】面板中雙擊【鼠標(biāo)單擊時】事件,在彈出的【用例編輯器】中新增【移除過濾器】動作。在【配置動作】中勾選products中繼

查看詳情

按價格區(qū)間過濾的第一步

按價格區(qū)間過濾第一步:在設(shè)計區(qū)域中單擊確定(submit)部件,在部件【屬性】面板中雙擊【鼠標(biāo)單擊時】事件,在彈出的【用例編輯器】中新增【添加過濾器】動作,在右側(cè)

查看詳情

數(shù)據(jù)排序第二步和第三步

第二步:參考第一步的操作,給【價格升序】和【價格降序】兩個部件分別添加數(shù)據(jù)排序的交互效果。第三步:在頂部的工具欄中單擊【預(yù)覽】按鈕,或者昆明網(wǎng)站制作覺得可

查看詳情

數(shù)據(jù)排序第一步

數(shù)據(jù)排序本小節(jié)介紹如何將中繼器中的商品按照人氣、銷量和價格高低進行排序。第一步:在設(shè)計區(qū)域中單擊【人氣】部件,在部件【屬性】面板中雙擊【鼠標(biāo)單擊時】事件

查看詳情

過濾器中項的數(shù)量和中繼器中所有

第三步:昆明網(wǎng)站制作小編認(rèn)為參考第二步操作,給【飛利浦】、【索尼】和【夏普】配置所選品牌商品數(shù)量。第四步:選中【全部品牌】標(biāo)簽,在部件【屬性】面板中雙擊【

查看詳情

過濾器中項的數(shù)量和中繼器中所有

第二步:在設(shè)計區(qū)域中單擊【三星】文本標(biāo)簽,在右側(cè)【配置動作】中雙擊【鼠標(biāo)單擊時】事件下的Case1,對該用例進行編輯。在彈出的【用例編輯器】中新增【設(shè)置文本】

查看詳情

過濾器中項的數(shù)量和中繼器中所有

接下來設(shè)置:全部商品共:X件,所選品牌商品共:X件。第一步:選中total_products部件,在右側(cè)部件【屬性】面板中單擊【更多事件>>>】,在下拉列表中選擇【載入時】事件

查看詳情

對中繼器中數(shù)據(jù)進行按條件過濾的

第二步:參考第一步操作,繼續(xù)給【飛利浦】、【索尼】和【夏普】添加過濾和選中動作,并進行恰當(dāng)配置。第三步:選中【所有品牌】標(biāo)簽,在右側(cè)部件【屬性】面板中雙擊【

查看詳情

對中繼器中數(shù)據(jù)進行按條件過濾的

過濾數(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è)

查看詳情
網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)