本文分享了一個(gè)在Axure中利用動(dòng)態(tài)面板實(shí)現(xiàn)拖動(dòng)效果的方法，一起來看看~

分析：

在Axure元件庫中，動(dòng)態(tài)面板是唯一一個(gè)能夠?qū)崿F(xiàn)拖動(dòng)效果的元件。所以，實(shí)現(xiàn)步驟大體應(yīng)該如下：

• 元件放入動(dòng)態(tài)面板的首個(gè)狀態(tài)中；
• 為動(dòng)態(tài)面板添加“拖動(dòng)時(shí)”的用例。

實(shí)現(xiàn)：

步驟1：添加兩個(gè)元件：滑塊外框，命名為“外框”，滑塊，命名為“滑塊”，如下：

此時(shí)：“外框”元件的的X軸坐標(biāo)為100，寬度為202，高度31；“滑塊”元件的X軸坐標(biāo)為100，寬度為48，高度31，如下：

步驟2：將“滑塊”元件，【轉(zhuǎn)換為動(dòng)態(tài)面板】，命名為“滑動(dòng)動(dòng)態(tài)”，放置于外框左側(cè)處，如下：

步驟三，為“滑塊”添加【拖動(dòng)時(shí)】的用例。

用例分析，產(chǎn)生滑動(dòng)的效果，需將此元件水平拖動(dòng)至最右，即拖動(dòng)距離為 100（邊框X軸坐標(biāo)）<=X<=302（邊框X軸坐標(biāo)+邊框?qū)挾龋?/strong>