中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導讀：在導航頁面的時候，怎么盡可能復用，減少無謂的復制黏貼？動態面板和內聯框架可以幫助實現。本文作者根據自身經驗，從兩個方面進行分析，希望對你有幫助。

上次分享的《Axure9原型設計：動態面板實現手風琴菜單（低配版）》，只是實現了導航欄，但是頁面不止導航欄，就像寫代碼一樣，怎么盡可能復用，減少無謂的復制黏貼？那就必須配上內聯框架。這次就用動態面板和內聯框架實現可復用導航頁，而且要盡可能簡單。

步驟如下：

一、拖拉元件

擺出首頁常見樣式的一級菜單，簡單起見，直接拖拉，不用放到別的容器里。為了后面交互方便，每個元件都有命名，包括“ⅴ”（命名是個好習慣，為了我們交互時可以清晰看到元件名稱，且方便檢查邏輯）。

拉出動態面板，命名：手風琴二級菜單，設置不可見和自適應內容。并添加4個狀態頁，每個狀態頁都跟對應的一級菜單命名對應。

右邊，頭部拉出一個文本框命名Title，用來顯示每個菜單的路徑，下面一個內聯框架，內聯框架設置隱藏邊框。

添加二級菜單對應的頁面，以及頁面內容，頁面名稱和菜單名稱是一致的，這個就略過。

二、添加交互

給一級菜單添加“單擊”交互，4個一級菜單內容大同小異，而且Axure9可以復制粘貼交互代碼，非常方便。

邏輯：單擊時如果動態面板不可見則可以看見動態面板，并且移動到對應一級菜單的坐標下，并推動下方元件改變布局，旋轉小箭頭180°；再次點擊則收起動態面板。

給二級菜單添加“單擊”交互，這個就更得復制粘貼了，不知道其他同學是怎么搞的，菜單越多重復操作就越多（遇到重復枯燥的操作就不自主想代碼是怎么實現的）。

邏輯：單擊時在內聯框架中顯示對應的二級菜單頁面，并且設置Title顯示菜單的路徑，取得都是元件的text值拼接起來。

就這樣，就2個事件，不過這個示例不能同時展開多個二級菜單，不嫌麻煩的話，可以把動態面板分開，而不是在一個動態面板用多個狀態。其實只要有了思路，實現方式感覺千篇一律。

效果：https://e6osrz.axshare.com

本文由 @頭發漸少脾氣漸漲 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議。