<tt id="1uzb4"></tt>
  • <track id="1uzb4"><menu id="1uzb4"><big id="1uzb4"></big></menu></track>

    <rt id="1uzb4"></rt>
    
    
  • <b id="1uzb4"><address id="1uzb4"><label id="1uzb4"></label></address></b>

      <wbr id="1uzb4"><menuitem id="1uzb4"><div id="1uzb4"></div></menuitem></wbr>
      <rp id="1uzb4"><menu id="1uzb4"><em id="1uzb4"></em></menu></rp>

        如何使用Mockplus制作鼠標懸停下拉菜單?

        2019.07.25 mf_web

        148

        那些使用Mockplus的人知道原型工具現在不支持鼠標懸停。但今天,我發現只要改變我的方法,用Mockplus實現鼠標懸停事件就不那么難了。例如,鼠標懸停下拉菜單,可以通過Mockplus的狀態交互輕松完成。

        (在上一篇文章中,我介紹了如何通過3個步驟快速創建Mockplus手風琴菜單。如果您對它感興趣,請仔細閱讀,我相信您會受益匪淺。)

        現在讓我們回到今天的主題,看看如何使用Mockplus輕松制作鼠標懸停下拉菜單:

        第1步 - 使用矩形創建菜單。

        推出Mockplus。將矩形組件拖到畫布上并復制幾次。將其中一個作為菜單的頂部,其他部分作為內容部分(參見下圖)。

        選擇內容部分中的第一個矩形,然后取消選中右側屬性面板上的“visible”屬性。然后,將五個矩形分組。

         制作一個帶矩形的菜單

        第2步 - 移動矩形

        將藍色矩形放在不可見的位置。在屬性面板上,向后發送藍色矩形?,F在你仍然可以看到它,因為覆蓋它的組件是不可見的(第1步)。

         移動矩形

        第3步 - 實現具有狀態交互的鼠標懸停下拉菜單。

        選擇組。將不透明度值設置為0,然后單擊它附近的照明圖標。選擇“MouseHover”選項并將不透明度值設置為100。

        國家互動

        現在創建一個簡單的鼠標懸停下拉菜單。單擊界面頂部的“預覽”按鈕以查看效果。

        這是原型制作的神奇力量:用有限元素實現無限效果。這就像彈鋼琴一樣。鍵是有限的,但音樂是無限的。對于那些優秀的設計師而言,原型工具最重要的功能并不多,因為工具具有的功能越多,操作就越復雜。

        作為一款易于使用的原型設計工具,Mockplus使設計人員能夠在簡單但不受限制的平臺上創建產品。因此,無論您是設計領域的新手,還是資深的設計師/ PM,Mockplus都值得一試。

        Mockplus的簡短介紹

        Mockplus是一款基于桌面的工具,可輕松快速地對移動,Web和桌面應用進行原型設計。通過簡單的拖放創建交互,通過協作功能,您的團隊合作將節省時間。

        關鍵詞

        最新案例

        聯系電話 400-6065-301

        留言

        欧洲亚洲国产香蕉网,亚洲AV永久无码精品澳门,欧美13—14周岁a完整版
        <tt id="1uzb4"></tt>
      1. <track id="1uzb4"><menu id="1uzb4"><big id="1uzb4"></big></menu></track>

        <rt id="1uzb4"></rt>
        
        
      2. <b id="1uzb4"><address id="1uzb4"><label id="1uzb4"></label></address></b>

          <wbr id="1uzb4"><menuitem id="1uzb4"><div id="1uzb4"></div></menuitem></wbr>
          <rp id="1uzb4"><menu id="1uzb4"><em id="1uzb4"></em></menu></rp>