動態面板簡介

動態面板 -- 樣式(特有)

滾動條設置(預覽頁面的區域滾動條)

從不滾動

在預覽界面隱藏滾動條。

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

按需滾動

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

說明：如果內容(State)對應的寬度大于動態面板的寬度，自動展示水平滾動條

如果內容(State)對應的高度大于動態面板的高度，自動展示垂直滾動條。如圖虛線范圍，超出后就會展示滾動條

垂直滾動

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

注意：寬度超出范圍(水平范圍)，將不展示。、

水平滾動

只展示水平滾動條。

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

自適應內容

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

注：默認創建的動態面板是300PX *170PX的大小

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

100%寬度

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

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

預覽截圖

固定到瀏覽器

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

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

動態面板--交互事件(特有)

在動態面板中，加入了一些特有的交互事件。通過鼠標的操作可以觸發交互結果。此類交互可以模擬一些手機交互。例如拖動事件等等。

使用方法：在動態面板上進行設置交互事件。交互事件截圖動態面板交互事件視頻https://www.zhihu.com/video/1227199077559275520

總結

以上是生活随笔為你收集整理的axure内联框架和动态面板_Axure -- 动态面板入门解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。