最近在使用Axure的動(dòng)態(tài)面板過(guò)程中，發(fā)現(xiàn)了一個(gè)問題，即動(dòng)態(tài)面板的”推動(dòng)/拉動(dòng)元件“功能不能正常工作。在網(wǎng)上搜索解決方案時(shí)，雖然找到了有關(guān)使用該功能實(shí)現(xiàn)交互效果的資料，但關(guān)鍵點(diǎn)并未明確指出。經(jīng)過(guò)一番研

最近在使用Axure的動(dòng)態(tài)面板過(guò)程中，發(fā)現(xiàn)了一個(gè)問題，即動(dòng)態(tài)面板的”推動(dòng)/拉動(dòng)元件“功能不能正常工作。在網(wǎng)上搜索解決方案時(shí)，雖然找到了有關(guān)使用該功能實(shí)現(xiàn)交互效果的資料，但關(guān)鍵點(diǎn)并未明確指出。經(jīng)過(guò)一番研究和思考，終于找到了解決問題的方法。

建構(gòu)展示效果

首先，新建一個(gè)大小為300*100的動(dòng)態(tài)面板，設(shè)置兩個(gè)頁(yè)面：state1和state2。在state1中新建一個(gè)尺寸為300*100的矩形，填充色為00CC00；在state2中新建一個(gè)尺寸為200*100的矩形，填充色為0000CC，并額外添加一個(gè)尺寸為300*100的填充色為FF0000的矩形作為按鍵。接著設(shè)置鼠標(biāo)單擊時(shí)的交互動(dòng)作，包括選擇狀態(tài)、動(dòng)畫效果以及勾選“推動(dòng)/拉動(dòng)元件”選項(xiàng)，并設(shè)置線性動(dòng)畫時(shí)間為500毫秒。

解決問題關(guān)鍵點(diǎn)

當(dāng)預(yù)覽動(dòng)態(tài)面板時(shí)可能會(huì)發(fā)現(xiàn)內(nèi)容無(wú)法自動(dòng)適應(yīng)尺寸，這是因?yàn)槲垂催x“自動(dòng)調(diào)整為內(nèi)容尺寸”選項(xiàng)。因此，在動(dòng)態(tài)面板中選中該選項(xiàng)，再次預(yù)覽即可看到期望的效果。值得注意的是，“自動(dòng)調(diào)整為內(nèi)容尺寸”是一個(gè)容易被忽略的功能，但在使用”推動(dòng)/拉動(dòng)元件“時(shí)卻是必要的前置條件。

結(jié)語(yǔ)

通過(guò)以上步驟，我們成功解決了Axure設(shè)計(jì)中動(dòng)態(tài)面板的”推動(dòng)/拉動(dòng)元件“功能問題。希望這篇文章對(duì)您有所幫助，若喜歡請(qǐng)點(diǎn)贊支持哦！