<acronym id="p33pj"><strong id="p33pj"></strong></acronym>
  • <p id="p33pj"><strong id="p33pj"></strong></p>
    <track id="p33pj"></track><td id="p33pj"></td>
    <p id="p33pj"></p>
  • <pre id="p33pj"><ruby id="p33pj"></ruby></pre>

      1. <p id="p33pj"></p>
        axure商城

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

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

        一、插入動態面板

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

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

        二、設置交互

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

        三、調整動態面板屬性

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

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

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

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

        2021-7-5 17:07:28

        軟件資訊

        口耳相傳加強網絡內容安全管理的通知

        2021-12-24 21:27:45

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

          您好 左側下拉菜單 單擊時既下拉二級菜單又能回到這個菜單的所設置的頁面這個能實現嗎?
          如果能 怎么設置呢?謝謝

          • 桔子汁

            你好,可以實現的。
            首先,在右側空白區域插入內部框架,然后在菜單動態面板上加交互事件:鼠標或手指單擊時,并添加動作:在內部框架打開鏈接,最后設置動作:目標元件(內部框架),鏈接到(選定頁)

        2. Hellen

          請問怎么做到兩個一級菜單之間的交互呢?如果不設置,中間會留一大截空白留出來的地方

          • 桔子汁

            你的問題能再描述的詳細一些嗎?

        3. SherlockLee

          教程寫的不錯,關鍵是有圖片,我成功了!感謝感謝!

        4. kiwi127977

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

          • 桔子汁

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

        5. 月半三斤。

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

          • 桔子汁

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

        6. 暴躁的文縐縐

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

        7. Bestyao

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

        8. 空野

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

          • 陳昊良í

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

        9. 生活因你而火熱。

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

          • 陳靖

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

          • 陳靖

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

          • 桔子汁

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

        10. 金蓉?

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

        11. 金蓉?

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

        12. 於予與

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

          • 桔子汁

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

          • 陳靖

            選擇推動元件。

          • Bestyao

            請問推動元件怎么設置?

          • 陳靖

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

        ?
        個人中心
        購物車
        優惠劵
        今日簽到
        有新私信 私信列表
        搜索
        国产亚洲日韩在线a不卡
        <acronym id="p33pj"><strong id="p33pj"></strong></acronym>
      2. <p id="p33pj"><strong id="p33pj"></strong></p>
        <track id="p33pj"></track><td id="p33pj"></td>
        <p id="p33pj"></p>
      3. <pre id="p33pj"><ruby id="p33pj"></ruby></pre>

          1. <p id="p33pj"></p>