【Axure10】樣式區域-元件樣式(動態面板)

本文對動態面板特有的元件樣式進行說明。

動態面板新特性

在Axure10中,整體的動態面板進行了重新的處理,動態面板的所有狀態頁面可以全部進行展開顯示。同時點擊展開的面板可進入對應的編輯頁面。

在展開的動態面板或收縮的動態面板中,均支持刪除、重命名、動態面板快速復制調整等操作。

設置

滾動方式

從不滾動

在預覽界面隱藏滾動條。

注意:會根據動態面板的大小展示對應內容,超出動態面板部分內容不能展示。

按需滾動

在預覽界面根據內部內容的大小相對動態面板大小進行展示滾動條。

說明:

  • 如果內容對應的寬度大于動態面板的寬度,自動展示水平滾動條
  • 如果內容對應的高度大于動態面板的高度,自動展示垂直滾動條。

垂直滾動

只展示垂直滾動條。通常用于手機頁面的制作使用。

注意:寬度超出范圍(水平范圍),將不展示。

水平滾動

只展示水平滾動條。

注意:高度超出范圍(垂直范圍),將不展示。

調整大小以自適應內容

勾選打開自適應內容后,動態面板大小會隨著內部內容大小邊界自動調整。

注:默認創建的動態面板是300px *170px的大小。若動態面板中內容超過300px * 170px,則會自動當前改變動態面板的大小。

技巧:只使用一個動態面板時,可以進行勾選,會自動調節大小,減少手動修改大小流程。

100%寬度

高度保持設置的高度,寬度隨著瀏覽器的寬度自適應。

技巧:在做后臺管理系統界面,官網界面,需要菜單欄適應瀏覽器寬度時可以設置100%寬度。

固定到瀏覽器

保持動態面板的位置在瀏覽器中不隨著滾動條的調整而滾動。

技巧:例如部分網頁的左邊聯系我們的懸浮按鈕。APP端的底部菜單欄等等,都可采用此方法實現。

狀態

在每個對應的動態面板都是可以進行單獨編輯。編輯前需提前選中對應的狀態面板。

選擇對應的狀態面板后,面板信息名稱可在此處顯示。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容