经验笔记｜利用Axure中继器和动态面板制作多合一表单元件

在后台界面的功能结构大致分为：列表页、新增/修改页、审核页。其中列表页的查询区，新增和修改页的头部信息输入区，会有多个表单元件组合出现，这就需要用中继器实现多个表单元件的增删改及布局，经过调试，发现一行放下4个表单元件最为合适：

image.png

常用表单元件的有：文字输入、下拉列表、日期时间选择，此外，还有必填项设置，即加红色*，这些状态可以打包制作成一个动态面板，然后结合中继器的内容进行外观切换，实现多合一的表单元件，避免频繁拖拽，布局调整等重复耗时操作。

升级版多合一表单元件，通过中继器的表格值控制，整体流程与元件结构如下：

image.png

以上状态层不够用时，还可以根据需求追加新状态。
这个元件的不足之处：由于中继器只会垂直方向产生多个元件，所以遇到表单元件需要左右调换顺序的情况，还是要一对一修改，好在这种情况不多。