Axure怎么制作滑動(dòng)引導(dǎo)頁(yè)效果的原型?
我要評(píng)論機(jī)軟件啟動(dòng)時(shí)會(huì)加載一些引導(dǎo)頁(yè)的效果，這個(gè)引導(dǎo)頁(yè)可以做出很多效果，今天我們就來(lái)看看Axure制作華東引導(dǎo)頁(yè)的教程。
原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊(cè)碼+安裝教程)
- 類型：輔助設(shè)計(jì)
- 大?。?/span>90.5MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2018-05-24
1、首先創(chuàng)建一個(gè)空白頁(yè)面，在工作區(qū)域拖入本次要使用的元件元素，最主要的是動(dòng)態(tài)面板，如下圖所示。
2、元件準(zhǔn)備完成后，將樣式修改好，并將矩形、圖片等元件放入到動(dòng)態(tài)面板中，如下圖所示。
3、按上述要求，將動(dòng)態(tài)面板中的state復(fù)制出三個(gè)，并將這三個(gè)state中的內(nèi)容進(jìn)行調(diào)整，如下圖所示。
4、下面開(kāi)始對(duì)動(dòng)態(tài)面板做屬性事件做交互，首先給向左拖動(dòng)結(jié)束時(shí)的交互事件進(jìn)行設(shè)置，如下圖所示。
5、然后我們?cè)俳o向右拖動(dòng)結(jié)束時(shí)的交互事件進(jìn)行設(shè)置，如下圖所示。
6、動(dòng)態(tài)面板的交互事件弄好了，下面f5預(yù)覽一下效果，向左拖動(dòng)和向右拖動(dòng)的效果是否實(shí)現(xiàn)，如下圖所示。
以上就是Axure制作滑動(dòng)引導(dǎo)頁(yè)效果的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Axure 8.0中怎么制作手機(jī)上下滑動(dòng)效果?
axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法
相關(guān)文章
Axure怎么通過(guò)變量方式獲取輸入框中的值？Axure輸入框中輸入的數(shù)值想要獲取，該怎么獲取呢？下面我們就來(lái)看看Axure中獲取輸入框中數(shù)據(jù)的教程，需要的朋友可以參考下2018-12-03
Axure圖片顯示不完整或扭曲該怎么解決？Axure中插入的圖片發(fā)現(xiàn)只顯示上半部分，其他的不顯示，該怎么解決呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-12-02
Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?
Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果？Axure設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單，想要制作一個(gè)調(diào)整屏幕亮度的交互效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-11-30
Axure怎么制作手機(jī)充話費(fèi)的界面效果？經(jīng)常使用網(wǎng)絡(luò)充值話費(fèi)，想要制作話費(fèi)充值頁(yè)面，該怎么制作呢？下面我們就來(lái)看看axure制作話費(fèi)充值界面的教程，需要的朋友可以參考下2018-11-29
Axure中繼器怎么制作飯店菜譜？Axure中想要制作飯店的菜譜，該怎么制作呢？下面我們就來(lái)看看Axure使用中繼器制作菜譜的教程，需要的朋友可以參考下2018-11-29
Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果?
Axure怎么制作按鈕控制數(shù)據(jù)遞加遞減效果？Axure中想要制作一個(gè)數(shù)字遞加遞減的效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-11-28
Axure怎么制作文字滾動(dòng)的動(dòng)態(tài)效果?
Axure怎么制作文字滾動(dòng)的動(dòng)態(tài)效果？Axure中想要制作一個(gè)滾動(dòng)字幕，該怎么給文字添加滾動(dòng)效果呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-11-28
Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果?
Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果？Axure中想要制作一個(gè)云層效果，并添加翻滾的動(dòng)態(tài)效果，該怎么制作呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-11-27
Axure怎么制作雷達(dá)圖? Axure雷達(dá)圖的畫(huà)法
Axure怎么制作雷達(dá)圖？Axure中想要制作一幅雷達(dá)圖，該怎么制作雷達(dá)圖嗯？下面我們就來(lái)看看Axure雷達(dá)圖的畫(huà)法，很簡(jiǎn)單，需要的朋友可以參考下2018-11-21
Axure文字超鏈接怎么制作？Axure頁(yè)面中的文字想要添加超鏈接，該怎么添加呢？下面我們就來(lái)看看Axure超鏈接的制作方法，需要的朋友可以參考下2018-11-16
