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

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

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

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

效果演示

1. 移入下拉列表

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

2. 隱藏滾動條下拉列表

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

3. 美化滾動條下拉列表

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

4. 可搜索的下拉列表

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

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

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

6. 二級下拉列表

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

7. 三級下拉列表

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

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

 

本文由 @梓賢Vigo 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 原型預(yù)覽及下載地址:
    https://axhub.im/ax9/042b0c52f140ea4e/#g=1

    來自廣東 回復(fù)
  2. 大神,能給個源文件學(xué)習(xí)一下嗎

    來自北京 回復(fù)
  3. 大神,能個源文件學(xué)習(xí)一下嗎

    來自北京 回復(fù)
  4. 研究挺久想要實現(xiàn)這種效果,可否指點一下,給給原型文件學(xué)習(xí)

    來自北京 回復(fù)