答题，是一种经典SVG交互形式。
答题几乎可以套用任何内容，比如针对公司发展、品牌、产品等出题。当在答题最后给出读者一份答题测试报告，参与体验感更是直接拉满。
今天咱就看一个这种答题排版，推荐大家即学即用。
来自路虎卫士志，点击开始答题：
*素材来自路虎卫士志
组合：连续点击切换图片+消失展开(有触发区)
编号：10469（组合）
组件：点击-选择切换图片
编号：11142（组件）
重复体验你会发现，选择的答案不一样，最后可能出现不同结果。
这种答题测试的排版，其实并不像大家想的那么高深莫测。结尾出现的测试结果图，很多都只是最后1道题目决定的。就比如这个案例，无论前面怎么选择，最后1道题的四个选项才一一对应着结果图。
明白了这个原理，排版你或许会有些思路了。
哪个组件可以实现点击一张图的不同位置切换不同图片呢？
正是「点击-选择切换图片」组件（编号：11142）。
哪个组合在连续点击切换图片之后，还能嵌套其他效果组件呢？
答案是「连续点击切换图片+消失展开(有触发区)」组合（编号：10469）。
知道用什么组件组合，我们就可以开始排版了。
下面一起看下连续答题测试排版的教程吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组合：连续点击切换图片+消失展开(有触发区)
编号：10469（组合）
组件：点击-选择切换图片
编号：11142（组件）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「花样展开」分类中找到「连续点击切换图片+消失展开(有触发区)」组合，点击选择。或者直接在组合中搜索编号10469。
第2步：进入组合编辑模式
如下所示，点击「点击此处配置」，进入组合编辑模式。
在组合编辑模式中，我们需要分别设置展开前和展开后的内容。
展开前的内容设置前面题目，展开后的内容设置最后1道题。
第3步：设置前面题目
①、点击展开前区域，在页面右侧批量上传准备好的前面几道题的图片。图片尺寸需保持一致。
②、上传后双击图片，调出触发区域调整的窗口。窗口中红框区域代表触发区域，拖动红框覆盖题目的全部选项。
点击「下一张」，直到设置完所有图片的触发区域后，点击关闭该窗口。
③、点击页面空白处，右侧设置切换时长为0.1。展开时长和高度无需调整。
第4步：设置最后1道题目
最后1道题目需在展开后设置。
①、「展开后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
这里只需拖动一个「点击-选择切换图片」组件（编号：11142）到组件位中。
②、在右侧背景图处点击「换图」按钮上传最后1道题的选项图。点击「+」号批量上传测试结果图。所有图片需和展开前的图片尺寸一致。
③、根据需求选择切换图是否可弹出保存。如果切换图有二维码一般选择「是」。
④、双击展开后上传的图片，给每个选项设置触发切换区域。
第5步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。
继续点击最右侧「预览草稿」预览大概效果，最终效果点击「同步至微信后台」预览就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
