本文對動態面板特有的元件樣式進行說明。
動態面板新特性
在Axure10中,整體的動態面板進行了重新的處理,動態面板的所有狀態頁面可以全部進行展開顯示。同時點擊展開的面板可進入對應的編輯頁面。
在展開的動態面板或收縮的動態面板中,均支持刪除、重命名、動態面板快速復制調整等操作。
設置
滾動方式
從不滾動
在預覽界面隱藏滾動條。
注意:會根據動態面板的大小展示對應內容,超出動態面板部分內容不能展示。
按需滾動
在預覽界面根據內部內容的大小相對動態面板大小進行展示滾動條。
說明:
- 如果內容對應的寬度大于動態面板的寬度,自動展示水平滾動條
- 如果內容對應的高度大于動態面板的高度,自動展示垂直滾動條。
垂直滾動
只展示垂直滾動條。通常用于手機頁面的制作使用。
注意:寬度超出范圍(水平范圍),將不展示。
水平滾動
只展示水平滾動條。
注意:高度超出范圍(垂直范圍),將不展示。
調整大小以自適應內容
勾選打開自適應內容后,動態面板大小會隨著內部內容大小邊界自動調整。
注:默認創建的動態面板是300px *170px的大小。若動態面板中內容超過300px * 170px,則會自動當前改變動態面板的大小。
技巧:只使用一個動態面板時,可以進行勾選,會自動調節大小,減少手動修改大小流程。
100%寬度
高度保持設置的高度,寬度隨著瀏覽器的寬度自適應。
技巧:在做后臺管理系統界面,官網界面,需要菜單欄適應瀏覽器寬度時可以設置100%寬度。
固定到瀏覽器
保持動態面板的位置在瀏覽器中不隨著滾動條的調整而滾動。
技巧:例如部分網頁的左邊聯系我們的懸浮按鈕。APP端的底部菜單欄等等,都可采用此方法實現。
狀態
在每個對應的動態面板都是可以進行單獨編輯。編輯前需提前選中對應的狀態面板。
選擇對應的狀態面板后,面板信息名稱可在此處顯示。