展开之后还能点击展开，大品牌爱用的嵌套展开怎么做？
点击展开，已经是一种非常常见的SVG排版效果。
今天要给大家推荐一种更高级的展开方式——嵌套式展开，也就是展开之后还能点击展开。
最近这种层层嵌套点击展开的效果，在各大品牌图文的出镜率越来越高。
下面我们看3个案例。
案例1，戴森，点击展开中嵌套多个可收回的点击展开：
*素材来自Dyson戴森《全新智能吹风机今日开售，随 JISOO 探索戴森最新黑科技》
组合：点击展开(可嵌套)
编号：10875（组合）
组件：点击展开,点击收回(支持多张，无限循环)
编号：10264（组件）
案例2，沪上阿姨，点击切换GIF展开中嵌套多个点击切换GIF展开：
*素材来自沪上阿姨《清爽战队集结，灭火！限时买一送一！》
组合：点击切换GIF动图+展开(可嵌套,有触发区)
编号：10935（组合）
案例3，迈克生物，点击消失展开中嵌套多个点击翻转展开：
*素材来自迈克生物《测试中更换试剂要多久？》
组合：点击消失+展开(可嵌套展开,有触发区)
编号：11848（组合）
组合：点击-翻转切换+自动展开
编号：11557（组合）
得益于 iPaiban Pro 强大的嵌套功能，以上3种嵌套式展开都可使用 iPaiban Pro 黑科技编辑器实现。
需要注意的是，嵌套式展开与其他单次展开不同，需要使用编辑器「嵌套展开」分类中的展开组合制作。其他分类中的展开，仅支持嵌套非展开类效果，不支持嵌套展开。
以案例2沪上阿姨的排版为例，一起来看看如何实现吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com
组合：点击切换GIF动图+展开(可嵌套展开,有触发区)
编号：10935（组合）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器右侧「组合」按钮，在「嵌套展开」分类中找到「点击切换GIF动图+展开(可嵌套展开,有触发区)」组合，或者直接在搜索框中搜索组件编号10935，点击选择。
第2步：进入组合编辑模式
如下所示，点击「编辑组合」，进入组合编辑模式。
在组合编辑模式中，我们需要设置展开前和展开后的内容。
第3步：设置展开前的内容
①点击展开前区域，然后在右侧按照要求点击「换图」依次上传图片。
②双击展开前区域，拖拽调整点击触发区。
第4步：设置展开后的内容
设置展开后的内容，总共分为3步：添加组件位-拖动组件/组合到组件位中-上传素材。
每需要一个交互效果按照这3步走就可以，下面是动图演示：
选择什么组件/组合大家根据自己想要的交互效果来定，这里案例中使用了「点击切换GIF动图+展开(可嵌套,有触发区)」组合，放置如下所示：
第5步：编辑二级展开
在展开后的内容中拖入相关组件/组合后，接着上传素材即可。其中「点击切换GIF动图+展开(可嵌套,有触发区)」组合还是按照2、3、4步操作。
第6步：调整展开效果的参数
每一个展开组合至少可以调整4个参数：GIF动图播放时长、GIF播放结束后停留时长、展开时长和展开高度，点击右侧红色小三角可以看到。
展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，这时候就可以通过调整展开高度使其精准展开。
第7步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」逐步退出组合编辑模式回到编辑器主页面。
继续点击最右侧「预览草稿」，效果满意后点击「同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）