axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法

單是簡(jiǎn)單的滑動(dòng)效果很簡(jiǎn)單,但要做到逼真的效果,還是要注意一些細(xì)節(jié),比如滑動(dòng)時(shí)超過了臨界點(diǎn)該做怎么樣的交互等?,F(xiàn)在教大家怎么弄,教程后面會(huì)放上需注意的細(xì)節(jié)總結(jié)
1、首先創(chuàng)建所需要的元器件:(括號(hào)里注明元器件的坐標(biāo)與大?。?/p>
元器件取名如下:
1)頭部菜單 (矩形 x:0 y:0 w:260 h:35)
2)內(nèi)容 (動(dòng)態(tài)面板 x:0 y:39 w:278 h:369)
3)底部菜單 (矩形 x:0 y:370 w:260 h:35)
其實(shí)對(duì)括號(hào)里的屬性是不強(qiáng)制規(guī)定的,但剛開始,建議可以先跟以上數(shù)據(jù)進(jìn)行設(shè)置。
2、在第一步的“內(nèi)容”動(dòng)態(tài)面板中再一個(gè)動(dòng)態(tài)面板。拖動(dòng)面板 (動(dòng)態(tài)面板 x:0 y:0 w:260 y:673),在拖動(dòng)面板中放入你要顯示的屏幕內(nèi)容,這個(gè)隨便放幾張圖片就好。懶得畫圖,這里我就放幾個(gè)矩形了
3、選擇“內(nèi)容”動(dòng)動(dòng)態(tài)面板,設(shè)置以下交互事件,拖動(dòng)動(dòng)態(tài)面板時(shí) ,添加交互事件如圖所示:
注意,是選中“內(nèi)容”面板 , 拖動(dòng)的是“拖動(dòng)面板”面板
4、再次選擇“內(nèi)容”動(dòng)動(dòng)態(tài)面板,設(shè)置以下交互事件。束拖放動(dòng)態(tài)面板時(shí),添加交互事件如圖所示:
5、再次選擇“內(nèi)容”動(dòng)動(dòng)態(tài)面板,設(shè)置以下交互事件。結(jié)束拖放動(dòng)態(tài)面板時(shí),添加交互事件如圖所示:
6、保存運(yùn)行看下效果吧
相關(guān)推薦:
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面?
相關(guān)文章
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?很多網(wǎng)頁中都有一個(gè)圖片輪播的功能,特別是娛樂和美食,有了圖片輪播是最吸引人眼球的,今天我們就教大家使用Axure實(shí)現(xiàn)這2016-01-08- Axure怎么給菜單設(shè)置旋轉(zhuǎn)效果?使用Axure繪制原型圖的時(shí)候,想給菜單做一些特效,這樣更吸引人,該怎么設(shè)置菜單旋轉(zhuǎn)時(shí)變大的效果呢?請(qǐng)看下文詳細(xì)的設(shè)置教程,需要的朋友可2015-12-18
- axure7.0怎么制作折疊和展開的菜單效果?折疊交互顯得網(wǎng)頁整齊,同時(shí)還給人一種動(dòng)態(tài)的感覺,很好看,怎么制作的自由折疊和展開效果呢?下面分享axure7.0繪制的詳細(xì)過程,需2015-12-01
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面?
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面?本文介紹如何做一個(gè)在滾動(dòng)中將菜單固定在頂部的頁面,屬于中級(jí)Axure案例。本文旨在展示交互效果,不對(duì)頁面具體內(nèi)容和UI進(jìn)行2015-07-10AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程
用AxureRP 7.0怎么實(shí)現(xiàn)天貓登錄?其實(shí)很方便,只要簡(jiǎn)單的應(yīng)用動(dòng)態(tài)面板和屬性設(shè)置就可以輕松搞定了,下面我們一起來看看AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程2015-05-28- Axure是設(shè)計(jì)師最常用的的原型設(shè)計(jì)工具之一,Axure RP 7.0版本相較6.5版本也有了比較大的改變。這里就介紹一下Axure RP 7.0的快捷鍵,需要的朋友可以看看2014-06-25