Axure8.0教程：下拉菜單+復選框全選

3 評論 6867 瀏覽 6 收藏 3 分鐘

編輯導讀：下拉菜單是一個常用的功能，用戶可以在框中選擇自己想要的選項，也可進行全選。本文作者分享了如何用Axure制作下拉菜單+復選框全選效果，希望對你有幫助。

在設計過程中會常常用到下拉菜單，本次課程我們學習下拉菜單+復選框全選效果。

預覽及下載地址：https://ahbvk2.axshare.com/

一、制作原型

1.制作下拉菜單的選擇框

拖入兩個【矩形】元件，【文本標簽】制作成下拉菜，菜單部分組合一起

2.制作下拉菜單中的菜單部分

（1）全選
拖入【動態面板】設置成兩個狀態，

(2）選項標簽

拖入一個【中繼器】，并設置，選項框設置為兩個狀態

二、交互設置

每項加載時獲取文字

設置復選框鼠標點擊事件

設置“全選”復選框設置鼠標點擊事件

設置下拉菜單鼠標點擊事件

最后設置“取消”和“確定”按鈕的鼠標點擊事件

 

本文由@qianqianlu 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 Pixabay，基于CC0協議

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
產品纖纖
公眾號 Axure設計工廠
17篇作品 75724總閱讀量
11-07709 瀏覽
這個雙11，小楊哥和三只羊在直播電商中有什么舉動？
11-132379 瀏覽
研究半年抖音、小紅書后，我決定回歸微信
11-011908 瀏覽
全網最低價，“逼瘋”買家和賣家
03-201758 瀏覽
大廠投資，不再瘋狂
08-031289 瀏覽
不背Freitag，你好意思Citywalk嗎？
評論
評論請登錄

  1. 字和步驟都看的懂，但就是懶得實踐。。。哈哈哈哈

    來自福建 回復

    1. 然后長時間不用，等用起來不會了

      來自浙江 回復

    2. 所以就先收藏，等要用了再學哈哈哈

      來自福建 回復