本文介绍了一种使用动态面板实现更多查询条件展开与收起的交互设计方案。通过设置不同状态下的按钮样式及操作，实现了更多条件的显示与隐藏，提升了用户体验。
效果如图：
步骤：
1、先摆放好基本元件，包括条件1，条件2的输入框；
2、设置动态面板“按钮”，状态分别为展开/收起，并在相应状态下设置按钮的形状和文字，并设置动态面板载入时，设置“按钮”状态为“展开”。
3、设置动态面板“更多条件”，只有一个状态，显示为更多的查询条件。
4、设置“按钮-展开”onclck操作，显示“更多条件”，推动元件。相似地，设置“收起”操作，隐藏“更多条件”，推动元件。
5、设置隐藏“更多条件”，“按钮”状态为“展开”，显示“更多按钮”时，状态为“收起”。
6.预览即可
扫一扫
544
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
