Axure怎么制作上下滑動的頁面原型?
我要評論Axure中制作網(wǎng)頁圓形很方便，今天我們就來看看使用Axure實現(xiàn)上下滑動頁面的教程。
原型設(shè)計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)
- 類型：輔助設(shè)計
- 大?。?/span>90.5MB
- 語言：簡體中文
- 時間：2018-05-24
1、在當(dāng)前Page 中拖入一個動態(tài)面板，將面板命名為“顯示面板”。這個面板對應(yīng)著可見內(nèi)容。該例中的可見面板的位置為{97, 77}，大小為{300, 450}。
2、點擊進入顯示面板的 State1。拖動一個動態(tài)面板到State1 中，面板命名為“內(nèi)容面板”。該面板的位置為{0, 0}，因為這里要實現(xiàn)的是上下滑動效果，所以寬度與顯示面板的一樣。高度根據(jù)全部顯示信息的內(nèi)容定。進入內(nèi)容面板的 State1，選擇“自動調(diào)整為內(nèi)容尺寸”
3、在內(nèi)容面板的State1 中添加一個中繼器。進入中繼器下的矩形框，因為這里想要在中繼器中添加圖片，所以直接右鍵，選擇轉(zhuǎn)換為圖片，雙擊轉(zhuǎn)換后的框框就可以添加圖片了。
4、內(nèi)容添加好了，接下來就是添加滑動的事件。選擇“拖動時”事件，選擇垂直拖動。
5、還需要添加約束條件，第二個約束值的計算：-（總的內(nèi)容高度 - 可見內(nèi)容高度）
以上就是Axure制作上下滑動的頁面原型的圖文教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure動態(tài)面板兩種創(chuàng)建方法有什么區(qū)別?
AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設(shè)置方法
相關(guān)文章
Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏？Axure中想要制作單擊按鈕觸發(fā)圖片顯示出來的效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-15
Axure怎么繪制柱狀圖圖形？Axure中想要繪制一個柱狀圖，該怎么繪制呢？下面我們就來看看Axure繪制柱狀圖的教程，很簡單，需要的朋友可以參考下2018-01-14
Axure RP8怎么導(dǎo)入RP文件? Axure導(dǎo)入本地RP文件的教程
Axure RP8怎么導(dǎo)入RP文件？Axure RP8設(shè)計模型很簡單，想要將本地的RP文件文件導(dǎo)入到axure中，該怎么導(dǎo)入呢？下面我們就來看看Axure導(dǎo)入本地RP文件的教程，需要的朋友可以參2018-01-14
Axure怎么做表格隨著鼠標(biāo)移動改變顏色？Axure中的表格當(dāng)鼠標(biāo)選中某行的時候，顏色發(fā)生變化，鼠標(biāo)移開以后表格恢復(fù)原來顏色，下面我們就來看看詳細(xì)的教程，需要的朋友可以參2018-01-11
Axure怎么導(dǎo)入本地的按鈕? Axure打開本地文件的技巧
Axure怎么導(dǎo)入本地的按鈕？Axure設(shè)計網(wǎng)頁圓形的時候，想要導(dǎo)入本地的按鈕，該怎么導(dǎo)入呢？下面我們就來看看Axure打開本地文件的技巧，需要的朋友可以參考下2018-01-10
Axure設(shè)計的登陸頁面怎么生成網(wǎng)頁原型?
Axure設(shè)計的登陸頁面怎么生成網(wǎng)頁原型？Axure中設(shè)計的登陸網(wǎng)頁想要直接生成網(wǎng)頁原型，該怎么生成呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-10
Axure文件怎么生成html分享鏈接？Axure中設(shè)計的模型想要分享給朋友觀看，該怎么生成html鏈接呢？下面我們就來看看2017-12-21
Axure RP怎么制作選項卡控件？網(wǎng)頁需要選項卡控件，但是Axure RP中沒有選項卡控件，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-12-21
Axure RP 8.1最新漢化破解安裝詳細(xì)教程(附漢化包下載)
Axure RP8中文版是一個專業(yè)的快速原型設(shè)計工具，能夠高效率制作產(chǎn)品原型，快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等，下面就帶來了Axure RP 8.1最新漢化破2017-12-20
Axure rp怎么設(shè)計微信的交互界面？Axure中想要設(shè)計一個網(wǎng)頁交互的效果，該怎么制作呢？下面我們就來看看Axure設(shè)計微信交互界面的教程，需要的朋友可以參考下2017-12-17
