本次分享的是Axure8制作的列表左右滑動(dòng)交互效果。

預(yù)覽及下載地址：jlrb3o.axshare.com

一、制作原型

? ??拖動(dòng)一個(gè)【動(dòng)態(tài)面板】元件命名為內(nèi)容架構(gòu)，在動(dòng)態(tài)面板中加入一個(gè)中繼器，并對(duì)中繼器中加入一個(gè)動(dòng)態(tài)面板命名為“滑動(dòng)操作”，并對(duì)面板進(jìn)行三個(gè)動(dòng)態(tài)設(shè)置

正常狀態(tài)：

向左狀態(tài)：

向右狀態(tài)

此時(shí)所有的元件準(zhǔn)備就緒，接下來(lái)是交互設(shè)置

二、交互設(shè)置

? 選擇動(dòng)態(tài)面板“滑動(dòng)操作”，進(jìn)行“向左拖動(dòng)結(jié)束時(shí)”事件和“向右拖動(dòng)結(jié)束時(shí)”事件設(shè)置

向左拖動(dòng)結(jié)束時(shí)

向右拖動(dòng)結(jié)束時(shí)

所有的設(shè)置完成。