• <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
  • <pre id="gvoe3"></pre>
    <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

  • <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">
      axure商城

      【基礎教程】Axure快速創建動態面板制作左側下拉菜單導航欄

      本文主要講解動態面板的基本用法,以便大家更容易去理解和深入學習,入門教程會分為幾個小節,本節主要講解如何通過動態面板快速制作下拉菜單效果。

      一、插入動態面板

      首先插入一個動態面板,并命名為【左側菜單】。如下圖

      在動態面板【左側菜單】中繼續插入一個動態面板,命名【網格中心】。在【網格中心】動態面板中復制出兩個狀態,分別命名為「收起」和「展開」,在收起中插入一級菜單名稱,展開中插入一級和二級菜單名稱。如下圖

      二、設置交互

      接下來,選擇交互方式:鼠標或手指單擊時—設置面板狀態,目標元件選擇當前原件,狀態選擇下一個,勾選從最后一個到第一個自動循環,點開更多選項:勾選展開/收起原件,選擇線性50毫秒,點擊完成就OK了。如下圖

      三、調整動態面板屬性

      最后,也是最重要的一步,選中剛剛創建的一級菜單【網格中心】,點擊鼠標右鍵勾選調整大小以適合內容,這時候菜單的展開和收起的交互已經做好了,想要設置多個菜單的話按照操作步驟以此類推,也可以直接復制。如下圖

      調整一下位置顏色和文字大小就完成了,最終效果展示如下圖

      給TA買糖
      共{{data.count}}人
      人已贊賞
      基礎教程軟件資訊

      使用Axure設計工具提升效率的8個技巧

      2021-7-5 17:07:28

      基礎教程

      關于MAC版Axure無法漢化和軟件無法打開的解決辦法

      2015-12-9 0:31:36

      axure商城
      23 條回復 A文章作者 M管理員
      1. kiwi127977

        用這種方法,點擊二級菜單的時候,菜單收起,而不是進入二級菜單的頁面,請問怎么解決?

        • 桔子汁

          進入二級菜單頁面需要在交互中關聯頁面

      2. 月半三斤。

        新手小白 按照這個做 我也沒做出來這種效果??

        • 桔子汁

          多嘗試幾遍,會發現問題,有問題可以在評論區討論~

      3. 暴躁的文縐縐

        原來還有這么簡單的方法,我之前都是用的笨方法,好麻煩的

      4. Bestyao

        我這個第二個一級菜單還是不會動??

      5. 空野

        “在【網格中心】動態面板中復制出兩個狀態,分別命名為「收起」和「展開」,在收起中插入一級菜單名稱,展開中插入一級和二級菜單名稱?!敝袃蓚€形狀是長方形還是動態面板?

        • 陳昊良í

          是兩個長方形,可以多嘗試一下~我也是早上剛弄完

      6. 生活因你而火熱。

        我這個沒有右側那個 小三角,展開和收起的顯示,辛苦幫忙看看這個是要自己設置的嗎,怎么設置呢。

        • 陳靖

          做兩個箭頭,然后顯示隱藏,或者做一個箭頭,點擊面板的時候選裝180°

        • 陳靖

          再或者每個狀態都放一個箭頭,實現方式有很多

        • 桔子汁

          可以把想要使用的圖標拖進動態面板放在相應位置,展開和收起放置不同的圖標

      7. 金蓉??

        我的網格中心動態面板上點擊鼠標右鍵咋沒有【調整大小以適合內容】這一項呢

      8. 金蓉??

        為啥我跟著做出來的效果不一樣呢

      9. 於予與

        前面的功能都實現了。最后一步,點擊網格中心的時候,下拉菜單出現,客戶中心下移怎么實現。我的客戶中心不下移動,蓋在了上面。

        • 桔子汁

          在網格中心的動態面板上,點擊鼠標右鍵,勾選【調整大小以適合內容】就行了

        • 陳靖

          選擇推動元件。

        • Bestyao

          請問推動元件怎么設置?

        • 陳靖

          在選擇面板狀態的時候,下面點擊更多選項,就能看到推動和拉動元件了

      ?
      個人中心
      購物車
      優惠劵
      今日簽到
      有新私信 私信列表
      搜索
      俄罗斯videoxxxoo
    1. <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
    2. <pre id="gvoe3"></pre>
      <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

    3. <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">