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