本文對(duì)動(dòng)態(tài)面板特有的元件樣式進(jìn)行說(shuō)明。

動(dòng)態(tài)面板新特性

在Axure10中，整體的動(dòng)態(tài)面板進(jìn)行了重新的處理，動(dòng)態(tài)面板的所有狀態(tài)頁(yè)面可以全部進(jìn)行展開顯示。同時(shí)點(diǎn)擊展開的面板可進(jìn)入對(duì)應(yīng)的編輯頁(yè)面。

在展開的動(dòng)態(tài)面板或收縮的動(dòng)態(tài)面板中，均支持刪除、重命名、動(dòng)態(tài)面板快速?gòu)?fù)制調(diào)整等操作。

設(shè)置

滾動(dòng)方式

從不滾動(dòng)

在預(yù)覽界面隱藏滾動(dòng)條。

注意：會(huì)根據(jù)動(dòng)態(tài)面板的大小展示對(duì)應(yīng)內(nèi)容，超出動(dòng)態(tài)面板部分內(nèi)容不能展示。

按需滾動(dòng)

在預(yù)覽界面根據(jù)內(nèi)部?jī)?nèi)容的大小相對(duì)動(dòng)態(tài)面板大小進(jìn)行展示滾動(dòng)條。

說(shuō)明：

• 如果內(nèi)容對(duì)應(yīng)的寬度大于動(dòng)態(tài)面板的寬度，自動(dòng)展示水平滾動(dòng)條
• 如果內(nèi)容對(duì)應(yīng)的高度大于動(dòng)態(tài)面板的高度，自動(dòng)展示垂直滾動(dòng)條。

垂直滾動(dòng)

只展示垂直滾動(dòng)條。通常用于手機(jī)頁(yè)面的制作使用。

注意：寬度超出范圍（水平范圍），將不展示。

水平滾動(dòng)

只展示水平滾動(dòng)條。

注意：高度超出范圍（垂直范圍），將不展示。

調(diào)整大小以自適應(yīng)內(nèi)容

勾選打開自適應(yīng)內(nèi)容后，動(dòng)態(tài)面板大小會(huì)隨著內(nèi)部?jī)?nèi)容大小邊界自動(dòng)調(diào)整。

注：默認(rèn)創(chuàng)建的動(dòng)態(tài)面板是300px *170px的大小。若動(dòng)態(tài)面板中內(nèi)容超過(guò)300px * 170px，則會(huì)自動(dòng)當(dāng)前改變動(dòng)態(tài)面板的大小。

技巧：只使用一個(gè)動(dòng)態(tài)面板時(shí)，可以進(jìn)行勾選，會(huì)自動(dòng)調(diào)節(jié)大小，減少手動(dòng)修改大小流程。

100%寬度

高度保持設(shè)置的高度，寬度隨著瀏覽器的寬度自適應(yīng)。

技巧：在做后臺(tái)管理系統(tǒng)界面，官網(wǎng)界面，需要菜單欄適應(yīng)瀏覽器寬度時(shí)可以設(shè)置100%寬度。

固定到瀏覽器

保持動(dòng)態(tài)面板的位置在瀏覽器中不隨著滾動(dòng)條的調(diào)整而滾動(dòng)。

技巧：例如部分網(wǎng)頁(yè)的左邊聯(lián)系我們的懸浮按鈕。APP端的底部菜單欄等等，都可采用此方法實(shí)現(xiàn)。

狀態(tài)

在每個(gè)對(duì)應(yīng)的動(dòng)態(tài)面板都是可以進(jìn)行單獨(dú)編輯。編輯前需提前選中對(duì)應(yīng)的狀態(tài)面板。

選擇對(duì)應(yīng)的狀態(tài)面板后，面板信息名稱可在此處顯示。