Axure教程:單選下拉列表集合(中繼器填寫表格即可使用)
今天給大家分享一組Axure高保真單選下拉列表。該原型使用簡單,只需要填寫中繼器表格即可直接使用。喜歡該原型的小伙伴們可以在評論處給我留言哦。
原型演示地址:https://www.pmdaniu.com/storage/111512/6d0a203fe99809139640f278bd3b0832-69620/start.html
效果演示
1. 移入下拉列表
移入時,顯示下拉列表,移出時隱藏。
2. 隱藏滾動條下拉列表
為了美觀隱藏了滾動條,但依然保留滾動效果。中繼器填寫表格即可使用
3. 美化滾動條下拉列表
利用動態面板美化了滾動條的下拉列表。中繼器填寫表格即可使用。
4. 可搜索的下拉列表
可以進行模糊搜索,下拉列表能自適應大小。中繼器填寫表格即可使用。
5. 可搜索的下拉列表(可添加選項)
可以進行模糊搜索,下拉列表能自適應大小,如果搜索為空時,能手動添加選項。中繼器填寫表格即可使用。
6. 二級下拉列表
可以按照不同類別進行篩選和選擇。中繼器填寫表格即可使用。
7. 三級下拉列表
可以按照不同類別進行篩選和選擇。中繼器填寫表格即可使用。
今天的分享到這里就結束了,有問題或者想下載原型的小伙伴們可以在下方評論處給我留言哦,我們下期見。
本文由 @梓賢Vigo 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Unsplash,基于CC0協議
評論
原型預覽及下載地址:
https://axhub.im/ax9/042b0c52f140ea4e/#g=1
大神,能給個源文件學習一下嗎
大神,能個源文件學習一下嗎
研究挺久想要實現這種效果,可否指點一下,給給原型文件學習