本文對動態(tài)面板特有的元件樣式進(jìn)行說明栏赴。
動態(tài)面板新特性
在Axure10中,整體的動態(tài)面板進(jìn)行了重新的處理眷蜓,動態(tài)面板的所有狀態(tài)頁面可以全部進(jìn)行展開顯示暮芭。同時點擊展開的面板可進(jìn)入對應(yīng)的編輯頁面。
在展開的動態(tài)面板或收縮的動態(tài)面板中该互,均支持刪除米者、重命名、動態(tài)面板快速復(fù)制調(diào)整等操作宇智。
設(shè)置
滾動方式
從不滾動
在預(yù)覽界面隱藏滾動條蔓搞。
注意:會根據(jù)動態(tài)面板的大小展示對應(yīng)內(nèi)容,超出動態(tài)面板部分內(nèi)容不能展示随橘。
按需滾動
在預(yù)覽界面根據(jù)內(nèi)部內(nèi)容的大小相對動態(tài)面板大小進(jìn)行展示滾動條喂分。
說明:
- 如果內(nèi)容對應(yīng)的寬度大于動態(tài)面板的寬度,自動展示水平滾動條
- 如果內(nèi)容對應(yīng)的高度大于動態(tài)面板的高度机蔗,自動展示垂直滾動條蒲祈。
垂直滾動
只展示垂直滾動條。通常用于手機(jī)頁面的制作使用萝嘁。
注意:寬度超出范圍(水平范圍)梆掸,將不展示。
水平滾動
只展示水平滾動條牙言。
注意:高度超出范圍(垂直范圍)酸钦,將不展示。
調(diào)整大小以自適應(yīng)內(nèi)容
勾選打開自適應(yīng)內(nèi)容后咱枉,動態(tài)面板大小會隨著內(nèi)部內(nèi)容大小邊界自動調(diào)整卑硫。
注:默認(rèn)創(chuàng)建的動態(tài)面板是300px *170px的大小。若動態(tài)面板中內(nèi)容超過300px * 170px庞钢,則會自動當(dāng)前改變動態(tài)面板的大小拔恰。
技巧:只使用一個動態(tài)面板時,可以進(jìn)行勾選基括,會自動調(diào)節(jié)大小颜懊,減少手動修改大小流程。
100%寬度
高度保持設(shè)置的高度,寬度隨著瀏覽器的寬度自適應(yīng)河爹。
技巧:在做后臺管理系統(tǒng)界面匠璧,官網(wǎng)界面,需要菜單欄適應(yīng)瀏覽器寬度時可以設(shè)置100%寬度咸这。
固定到瀏覽器
保持動態(tài)面板的位置在瀏覽器中不隨著滾動條的調(diào)整而滾動夷恍。
技巧:例如部分網(wǎng)頁的左邊聯(lián)系我們的懸浮按鈕。APP端的底部菜單欄等等媳维,都可采用此方法實現(xiàn)酿雪。
狀態(tài)
在每個對應(yīng)的動態(tài)面板都是可以進(jìn)行單獨編輯。編輯前需提前選中對應(yīng)的狀態(tài)面板侄刽。
選擇對應(yīng)的狀態(tài)面板后指黎,面板信息名稱可在此處顯示。