欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure頁(yè)面怎么制作下拉刷新效果? Axure下拉刷新實(shí)現(xiàn)方法

百度經(jīng)驗(yàn)   發(fā)布時(shí)間：2020-12-18 12:36:40   作者：鮮艷的土豆   我要評(píng)論
Axure頁(yè)面怎么制作下拉刷新效果？Axure在設(shè)計(jì)頁(yè)面的時(shí)候，想要讓頁(yè)面實(shí)現(xiàn)下拉刷新的效果，該怎么實(shí)現(xiàn)呢？下面我們就來(lái)看看Axure下拉刷新實(shí)現(xiàn)方法，需要的朋友可以參考下

作為一名產(chǎn)品經(jīng)理，在我們?cè)O(shè)計(jì)包含大量數(shù)據(jù)或者數(shù)據(jù)實(shí)時(shí)更新的頁(yè)面時(shí)，往往要在Axure原型上做出下拉刷新的效果，今天我們就來(lái)看看使用Axure實(shí)現(xiàn)下拉刷新效果的過(guò)程，圖文詳細(xì)，稍微有點(diǎn)長(zhǎng)，請(qǐng)耐心觀看哦。

1、在元件庫(kù)中拖一個(gè)動(dòng)態(tài)面板至頁(yè)面并將大小調(diào)整至于手機(jī)外殼大小合適，如下圖；

2、雙擊動(dòng)態(tài)面板區(qū)域后對(duì)面板進(jìn)行命名“數(shù)據(jù)面板”如下圖，本步驟不可省略，因?yàn)楹竺鏁?huì)再次用到幾個(gè)動(dòng)態(tài)面板，為了容易進(jìn)行區(qū)分，所以此步驟不要省略；

3、雙擊數(shù)據(jù)面板的“State1”如下圖1，然后進(jìn)入數(shù)據(jù)面板內(nèi)部，如圖2；

4、在“數(shù)據(jù)面板”這個(gè)動(dòng)態(tài)面板內(nèi)部再依次拖入兩個(gè)動(dòng)態(tài)面板（將這兩個(gè)面板做成大小統(tǒng)一的面板），并分別進(jìn)行命名：

（1）原始面板，在最底層，此面板為頁(yè)面上未刷新時(shí)的展示，位置（0,0）；

（2）刷新面板，在最頂層，此面板為頁(yè)面上下拉刷新時(shí)的展示，位置（0，-55）；

原始面板與刷新面板之所以在Y軸有一個(gè)差距，是因?yàn)樗⑿旅姘逡可弦恍@樣下拉才會(huì)出效果。

5、在原始面板版和刷新面板里填充相同內(nèi)容，如下圖1，此步驟是為了可以在發(fā)布后可以看出頁(yè)面效果；

6、將刷新面板設(shè)置為隱藏，方法為：?jiǎn)螜C(jī)選中刷新面板，右擊后選擇“設(shè)為隱藏”，如下圖，此步驟是因?yàn)槲覀冊(cè)陧?yè)面展示時(shí)只可展示一個(gè)動(dòng)態(tài)面板的內(nèi)容；

7、雙擊刷新面板，通過(guò)點(diǎn)擊“加號(hào)”創(chuàng)建三個(gè)狀態(tài)，名稱分別為：下拉刷新、釋放、刷新中，如下圖

8、選中“數(shù)據(jù)面板”，對(duì)它做“拖動(dòng)時(shí)”效果設(shè)置，如下圖：

9、對(duì)數(shù)據(jù)面板中的原始面板進(jìn)行“移動(dòng)設(shè)置”如下圖，這里的設(shè)置是為了下拉時(shí)頁(yè)面最多可以下拉到什么位置；

相關(guān)文章

最新評(píng)論