Axure教程:單選下拉列表集合(中繼器填寫表格即可使用)

4 評論 8575 瀏覽 23 收藏 4 分鐘

今天給大家分享一組Axure高保真單選下拉列表。該原型使用簡單,只需要填寫中繼器表格即可直接使用。喜歡該原型的小伙伴們可以在評論處給我留言哦。

原型演示地址:https://www.pmdaniu.com/storage/111512/6d0a203fe99809139640f278bd3b0832-69620/start.html

效果演示

1. 移入下拉列表

移入時,顯示下拉列表,移出時隱藏。

2. 隱藏滾動條下拉列表

為了美觀隱藏了滾動條,但依然保留滾動效果。中繼器填寫表格即可使用

3. 美化滾動條下拉列表

利用動態面板美化了滾動條的下拉列表。中繼器填寫表格即可使用。

4. 可搜索的下拉列表

可以進行模糊搜索,下拉列表能自適應大小。中繼器填寫表格即可使用。

5. 可搜索的下拉列表(可添加選項)

可以進行模糊搜索,下拉列表能自適應大小,如果搜索為空時,能手動添加選項。中繼器填寫表格即可使用。

6. 二級下拉列表

可以按照不同類別進行篩選和選擇。中繼器填寫表格即可使用。

7. 三級下拉列表

可以按照不同類別進行篩選和選擇。中繼器填寫表格即可使用。

今天的分享到這里就結束了,有問題或者想下載原型的小伙伴們可以在下方評論處給我留言哦,我們下期見。

 

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

題圖來自 Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 原型預覽及下載地址:
    https://axhub.im/ax9/042b0c52f140ea4e/#g=1

    來自廣東 回復
  2. 大神,能給個源文件學習一下嗎

    來自北京 回復
  3. 大神,能個源文件學習一下嗎

    來自北京 回復
  4. 研究挺久想要實現這種效果,可否指點一下,給給原型文件學習

    來自北京 回復