Axure怎么設(shè)計(jì)絕對(duì)位置的滑屏插件原型?

Axure中設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單,想要制作滑屏插件,這個(gè)效果是手機(jī)軟件啟動(dòng)時(shí)使用的,可以展示一些信息、介紹等內(nèi)容,Axure原型工具如何制作絕對(duì)位置的滑屏插件,下面我們就來(lái)看看詳細(xì)的教程。

原型設(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ū)域拖入相關(guān)元件,如下圖所示。
2、將各個(gè)元件的樣式進(jìn)行調(diào)整,并對(duì)頁(yè)面中的值進(jìn)行描述,如下圖所示。
3、元件樣式調(diào)整完成后,對(duì)各個(gè)元件的名稱進(jìn)行命名,后面做交互事件時(shí)能夠清晰,如下圖所示。
4、將三個(gè)橢圓的選中狀態(tài)的樣式進(jìn)行設(shè)置,如下圖所示。
5、將準(zhǔn)備好的元件復(fù)制到動(dòng)態(tài)面板中,并調(diào)整合適的位置,如下圖所示。
6、選中三個(gè)矩形,將三個(gè)矩形轉(zhuǎn)換為動(dòng)態(tài)面板,并對(duì)動(dòng)態(tài)面板的名稱進(jìn)行命名如下圖所示。
7、下面開始對(duì)動(dòng)態(tài)面板的交互事件進(jìn)行設(shè)置,首先是拖動(dòng)時(shí)的效果,如下圖所示。
8、然后再做拖動(dòng)結(jié)束時(shí)的交互效果,如下圖所示。
9、交互事件設(shè)置完成后,補(bǔ)充一步,將三個(gè)圓放入一組中,并將第一個(gè)圓設(shè)置為選中狀態(tài),如下圖所示。
10、所有工作準(zhǔn)備完成,f5預(yù)覽一下效果,拖動(dòng)頁(yè)面,效果就出現(xiàn)了,如下圖所示。
以上就是Axure制作絕對(duì)位置滑屏插件的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
相關(guān)文章
AxureRP怎么制作草圖/頁(yè)面效果? Axure頁(yè)面草圖設(shè)置方法
AxureRP怎么制作草圖/頁(yè)面效果?Axure中想要制作一個(gè)頁(yè)面效果,該怎么制作呢?下面我們就來(lái)看看Axure頁(yè)面草圖設(shè)置方法,需要的朋友可以參考下2018-05-07AxureRP網(wǎng)頁(yè)原型怎么添加判斷條件?
AxureRP網(wǎng)頁(yè)原型怎么添加判斷條件?Axure設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,想要添加判斷條件,該怎么添加呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-05-07Axure rp網(wǎng)頁(yè)怎么設(shè)置頁(yè)面顏色? Axure設(shè)置頁(yè)面顏色的教程
Axure rp網(wǎng)頁(yè)怎么設(shè)置頁(yè)面顏色?經(jīng)常使用Axure設(shè)計(jì)網(wǎng)頁(yè),該怎么設(shè)計(jì)頁(yè)面顏色呢?下面我們就來(lái)看看Axure設(shè)置頁(yè)面顏色的教程,需要的朋友可以參考下2018-05-04Axure手機(jī)版原型動(dòng)態(tài)面板中的滾動(dòng)條怎么去掉?
Axure手機(jī)版原型動(dòng)態(tài)面板中的滾動(dòng)條怎么去掉?Axure設(shè)計(jì)的手機(jī)頁(yè)面原型中的滾動(dòng)條想要去掉,該怎么去掉呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-19Axure8怎么實(shí)現(xiàn)點(diǎn)擊按鈕打開網(wǎng)頁(yè)的功能?
Axure8怎么實(shí)現(xiàn)點(diǎn)擊按鈕打開網(wǎng)頁(yè)的功能?Axure8設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候想要,想要讓按鈕實(shí)現(xiàn)點(diǎn)擊以后跳轉(zhuǎn)到指定網(wǎng)頁(yè),該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可2018-04-19- Axure RP8.0怎么修改默認(rèn)文件保存位置?Axure RP8.0發(fā)布文件默認(rèn)保存的位置在c盤,想要換到其他盤保存,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-12
Axure怎么查看頁(yè)面的代碼? Axure查看頁(yè)面源代碼的兩種方法
Axure怎么查看頁(yè)面的代碼?Axure中制作的網(wǎng)頁(yè)原型想要看看代碼,該怎么查看代碼呢?下面我們就來(lái)看看Axure查看頁(yè)面源代碼的兩種方法,需要的朋友可以參考下2018-04-11Axure全局輔助線和頁(yè)面輔助線有什么區(qū)別?
Axure全局輔助線和頁(yè)面輔助線有什么區(qū)別?Axure中的輔助線有全局輔助線、頁(yè)面輔助線、對(duì)齊輔助線、顯示自適應(yīng)視圖輔助線,那么全局輔助線和頁(yè)面輔助線有什么區(qū)別呢?下面我2018-04-09Axure動(dòng)態(tài)面板兩種創(chuàng)建方法有什么區(qū)別?
Axure動(dòng)態(tài)面板兩種創(chuàng)建方法有什么區(qū)別?Axure中經(jīng)常使用東臺(tái)面板,動(dòng)態(tài)面板有兩種創(chuàng)建方法,這兩種創(chuàng)建方法有什么區(qū)別呢?下面我們就來(lái)看看詳細(xì)的教程2018-04-08- axure怎么設(shè)計(jì)密碼輸入框的原型?axure中想要制作一個(gè)可以輸入密碼的輸入框效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-07