国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

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

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

步驟如下：

一、拖拉元件

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

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

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

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

二、添加交互

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

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

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

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

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

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

本文由 @頭發(fā)漸少脾氣漸漲 原創(chuàng)發(fā)布于人人都是產品經(jīng)理，未經(jīng)許可，禁止轉載

題圖來自Unsplash，基于CC0協(xié)議。