Axure怎么制作滑動(dòng)引導(dǎo)頁(yè)效果的原型?

機(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-28Axure怎么制作文字滾動(dòng)的動(dòng)態(tài)效果?
Axure怎么制作文字滾動(dòng)的動(dòng)態(tài)效果?Axure中想要制作一個(gè)滾動(dòng)字幕,該怎么給文字添加滾動(dòng)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-11-28Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果?
Axure怎么制作云層滾動(dòng)的動(dòng)態(tài)效果?Axure中想要制作一個(gè)云層效果,并添加翻滾的動(dòng)態(tài)效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-11-27Axure怎么制作雷達(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