## 概念 ### 是什么 - 就是常说的[[穿梭框]]。 #个人总结 - 在同一个页面上显示 “源” 列表和 “目的” 列表,通过按钮或拖拽进行移动项目。 #书/界面设计模式 ### 为什么 待补充 ### 哪些状态 待补充 ## 场景 ### 何时使用? 如果选项很少,直接用一个下拉多选就搞定,场景是数据量大,源数据比较多的话,可能会忘记自己都勾选了哪些数据,需要来回滚动查看,不太方便。 - 源数据量大,且目标数据量也大的情况下,适合使用; - 不想通过滚动、跳转等方式查看源和目标数据时,适合使用。 ### 何时不使用? 待补充 ## 案例 ### 微信 社交工具创建群聊的时候,就是一个经典的使用场景。 ![](https://chi-1259224060.cos.ap-shanghai.myqcloud.com/20220904095317.png) ## 资料 - [B端体验细节(四):列表构建器的设计模式 | 人人都是产品经理](https://www.woshipm.com/pd/5075277.html) - [设计模式 | 列表构建器 :生成列表的需求如何设计? - 知乎](https://zhuanlan.zhihu.com/p/396337527)