axure怎么設(shè)計手機屏幕的滾動條原型?
我要評論axure想要設(shè)計一個手機屏幕滾動條的效果，該怎么制作呢？下面我們就來看看詳細的教程。
原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時間：2018-05-24
1、我們先打開我們的axure軟件，點擊新建，然后將我們的手機模型拖拽進我們的axure，點擊我們的“動態(tài)面板”將其往編輯窗口拖拽。如下圖
2、創(chuàng)建好我們的動態(tài)面板之后，按住“ctrl+c”將其復(fù)制下來，然后雙擊我們的“外層動態(tài)面板”下面的state1，然后按住“ctrl+v”將我們的“外層動態(tài)面板”復(fù)制下來
3、然后將我們復(fù)制下來的“外層動態(tài)面板”的名字改為“內(nèi)層動態(tài)面板”，然后雙擊我們“內(nèi)層動態(tài)面板”下面的“state1”，進入之后，將我們的光標放置于該編輯頁內(nèi)，然后點擊鼠標右鍵，點擊“滾動條”，“自動顯示垂直滾動條”。這時候我們就會發(fā)現(xiàn)我們的“內(nèi)層動態(tài)面板”下的“state1”已經(jīng)有一個滾動條，如下圖
4、我們的滾動條做好之后，我們需要給我們的動態(tài)面板添加內(nèi)容，我們點擊“占位符”，并將其拖到我們的動態(tài)面板內(nèi)。
5、由于我們要體現(xiàn)的是一種滾動狀態(tài)，所以我們的內(nèi)容必須要長于我們的動態(tài)面板所顯示的范圍，所以我們需要多次添加內(nèi)容，我們邊按住“ctrl”邊拖動我們剛才建立的“占位符”，即可復(fù)制。如下圖。
6、如果我們想要區(qū)分這些占位符，我們可以雙擊該占位符，然后向其中輸入自己想要的數(shù)據(jù)，如下圖
7、然后我們可以預(yù)覽我們做出來的效果了，我們按住F5，或者點擊上面的“預(yù)覽”，進入網(wǎng)頁之后，我們上下滾動鼠標即可看出我們的效果了。
8、這時候，有些人會不喜歡我們的滾動條那么難看，這時候我們返回我們的axure頁面，直接點擊“外層動態(tài)面板”，然后將我們的“內(nèi)層”面板的滾動條拖拽到“外層動態(tài)面板”的外面，如下圖。
9、然后我們可以預(yù)覽我們做出來的效果了，我們按住F5，或者點擊上面的“預(yù)覽”，進入網(wǎng)頁之后，我們上下滾動鼠標即可看出我們的效果了。
以上就是axure中制作手機滾動條效果的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure RP 8怎么使用中繼器實現(xiàn)自增效果?
Axure RP 8怎么設(shè)計有漂亮圖標的樹狀菜單?
axure怎么做滑動效果? axure做手機觸摸屏幕滑動效果的方法
相關(guān)文章
Axure RP 8怎么制作驗證碼倒計時原型？平時我們填寫手機驗證碼的時候，驗證碼都是有時效的，該怎么設(shè)置一分鐘的倒計時時效呢？下面我們就來看看詳細的教程，需要的朋友可以2016-12-30
Axure RP 8怎么設(shè)置文字提交工功能原型？Axure中經(jīng)常制作一些網(wǎng)頁原型，想要設(shè)置一個可以提交文本的功能，該怎么設(shè)計呢？下面我們就來看看詳細的教程，需要的朋友可以參考2016-12-30
Axure RP 8怎么設(shè)計可以完成數(shù)學(xué)加法計算?
Axure RP 8怎么設(shè)計可以完成數(shù)學(xué)加法計算？Axure設(shè)計網(wǎng)頁的時候，想要在輸入框中輸入數(shù)據(jù)，完成加法計算，該怎么設(shè)計呢？下面我們就來看看詳細的教程，需要的朋友可以參考2016-12-30
Axure RP 8怎么利用變量控制標題變化？Axure中想要制作一個通過按鈕改變二級標題，該怎么設(shè)置呢？下面我們就來看看Axure結(jié)合變量和元件控制標題變化的教程，需要的朋友可以2016-12-29
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型?
Axure RP 8怎么設(shè)計圖片點贊功能的網(wǎng)頁原型？想要給網(wǎng)頁添加一個圖片點贊的功能，該怎么添加呢？下面我們就來看看使用Axure來完成的教程，需要的朋友可以參考下2016-12-29
Axure RP 8怎么設(shè)置一個矩形全局變量？Axure繪制頁面原型的時候，想要添加一個矩形的全局變量，該怎么設(shè)置呢？下面我們就來看看詳細的設(shè)置方法，需要的朋友可以參考下2016-12-29
Axure圓角矩形怎么畫？Axure繪制網(wǎng)頁原型的時候，需要繪制圓角舉行，該怎么繪制這個圖形呢？下面我們就來看看axure畫圓角矩形的教程，需要的朋友可以參考下2016-12-26
Axure RP 8怎么利用占位符設(shè)計五角星形狀?
Axure RP 8怎么利用占位符設(shè)計五角星形狀？Axure中設(shè)計網(wǎng)頁原型的時候，想做一個五角星圖形，該怎么做呢？今天我們就來看看使用占位符實現(xiàn)的教程，需要的朋友可以參考下2016-12-15
axure RP 8怎么做圖片輪換的效果？axure設(shè)計網(wǎng)頁原型的時候，想要做一個圖片輪播的效果，該怎么做呢？下面我們就來看看詳細的教程。需要的朋友可以參考下2016-12-15
axure動態(tài)面板怎么設(shè)置顯示與隱藏？axure設(shè)計網(wǎng)頁原型的時候，該怎么設(shè)置東臺面板，怎么設(shè)置顯示與隱藏呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-12-14
