天天看點

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

今天就和大家分享下拉清單集合,包括了多選和單選、一級和多級的下拉清單。效果包括單選、多選、搜尋、添加選項等。

該原型所有互動效果已經設定好了,使用簡單,隻需要填寫中繼器表格即可。

下面隻是部門效果的示範,更多效果歡迎體驗。

原型預覽及下載下傳位址:

https://axhub.im/ax9/042b0c52f140ea4e/#g=1

效果示範

1. 多選下拉清單

1.1整體效果

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

1.2選中和取消選中

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

1.3檢視全部已選中的标簽

預設顯示2個标簽,滑鼠移入看檢視全部标簽

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

1.4 删除标簽取消選中

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

1.5.模糊搜尋效果

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

1.6添加選項

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

1.7全選和全部取消效果

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

2. 單選下拉清單

2.1一級單選下拉清單

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

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

2.2二級單選下拉清單

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

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...

2.3二級單選下拉清單

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

下拉清單怎麼使用_AXURE下拉清單集合(單選下拉清單+多選下拉清單+分級下拉清單)...