国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 應用 > 軟件技巧 > 正文

Axure怎么設計多層級菜單下拉聯動效果?

2024-07-16 17:20:32
字體:
來源:轉載
供稿:網友

菜單的下拉聯動多種多樣,多辦公軟件來說,菜單往往有多個層級,可以下拉聯動,通過下拉來顯示出子菜單,同時還可以移動其他未展開或已展開的菜單。下面由我來為大家講解一下我的實現思路,其實非常像做千層餅,而且我是從最內層開始做的。

軟件名稱:Axure RP Pro(快速原型設計工具) V8.0.0.3333 綠色英文免費版軟件大?。?8.2MB更新時間:2017-04-10

1、以三個一級菜單為例,我們可以直接先做第三個一級菜單,新建一個一級菜單,起名為第三個一級菜單,同時在它下方建立好三個子菜單,建好后將子菜單全選中后轉換為動態面板,并設置隱藏。

2、菜單的聯動效果一般是通過點擊來觸發的,所以,此時對第三個一級菜單添加點擊事件,此時需注意:因為點擊時可能觸發兩個動作,所以點擊事件需要添加條件進行判斷,如:當子菜單面板是隱藏的時候,點擊后可顯示子菜單;當子菜單是顯示的時候,點擊后可隱藏子菜單。同時可在事件內加動態效果,如向下顯示、向上隱藏,時間暫定500ms;

3、此時第最后一個一級菜單設置完成了,但因為前面的一級菜單需要通過點擊,顯示其下方的子菜單,同時使第三個一級菜單與其下屬子菜單向下移動,所以,我們需要將第三個一級菜單與其子菜單視作一個整體,使他們一同移動,所以,此時需將其設置為一個動態面板;

4、下面我們來做第二個一級菜單,同樣的制作原理與步驟與第三個一級菜單與子菜單一致,但需要把剛剛做好的動態面板一并放置在同一頁面,以便后續操作;

5、此時對第二個一級菜單做點擊事件的添加:當子菜單面板是隱藏的時候,點擊后可顯示子菜單;當子菜單是顯示的時候,點擊后可隱藏子菜單。但與前一個一級菜單相比,需多加一個效果,即移動第三個一級菜單的動態面板,移動距離以子菜單的高度*子菜單數量,比如我例子中用的是三個高40的子菜單,則需分別對y坐標移動+/-120;

6、此時可以適當運行一下效果,驗證做法是否有誤,效果如圖,效果正確后,將剛剛所做的所有內容全選,并設置成一個動態面板

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 长治市| 吉林市| 安西县| 博乐市| 肇州县| 水富县| 长治市| 闸北区| 华安县| 略阳县| 湘西| 延川县| 石家庄市| 玉环县| 绍兴县| 旬邑县| 林甸县| 山阴县| 吉林市| 买车| 临城县| 珲春市| 舟山市| 九江县| 射阳县| 弥渡县| 河北省| 信宜市| 阳新县| 集安市| 湖南省| 西城区| 安化县| 内丘县| 金华市| 蒙城县| 砀山县| 武川县| 尉犁县| 泸西县| 鲁山县|