“这种展开效果咋还骗人呢？”
第一次打开图文，发现内容点击一下展开了的小伙伴，一定曾被这种效果惊艳过。
现在的的展开已经是五花八门，老沙也介绍过不少iPaiban Pro 编辑器就能实现的，但看到之前没见过的展开效果，小伙伴们还是充满了好奇心啊。
这不，5月份的一个展开效果的会员日图文又被扒了出来，有人来问这是怎么做的：
也怪我，自己用了一个交互效果却没有告诉大家，择日不如撞日，今天咱就说说吧。
选择「点击查收」的小伙伴一次就展开了图文，而选择「狠心拒绝」的小伙伴可能没有想到又会被引导去选择「点击查收」，最终还是展开了图文，有点被骗的感觉，随即反应过来，让人会心一笑。
*8月的会员日也将要于17日开始了，本次会员日将会带来新的福利，推出新的功能，登录编辑器后点击弹窗上的「预约」按钮可预约本次会员日！
这个效果也是用 iPaiban Pro 制作的，教程戳：
详细教程：
工具：iPaiban Pro黑科技编辑器，网址：x.iPaiban.com
组合：点击展开（首屏可点击切换）
编号：11212（组合）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「花样展开」分类中找到「点击展开（首屏可点击切换）」组合，或者直接搜索组合编号11212，点击选择。
第2步：进入组合编辑模式，上传展开前的图片
点击编辑区的「点击此处配置」，进入组合编辑模式。在组合编辑模式中，分为「展开前」和「展开后」两个区域。
点击「展开前」区域，右侧会提示上传底图和切换图。底图就是我们打开图文第一眼看到的图片，切换图是点击底图某处区域不展开而切换的图片。
注意两张图片尺寸需保持一致。
第3步：调整触发区域
双击「展开前」的编辑区域，会看到一个红色色块，该色块代表了点击切换触发的区域，它的大小和位置可任意调整。用户点击非红色区域则会展开。
第4步：设置展开后的内容
展开后的内容可以嵌套各种组件。
所以首先要确认展开后的内容有哪些交互效果，会用到哪些交互组件，然后在左侧依次拖动相应组件到展开后区域组件位中。
演示案例只用到了一个无缝图，我们拖动一个「全能无缝图」组件到组件位中，然后上传图片即可。
第5步：设置展开时长
点击右侧红色小三角符号，可设置展开时长。
预览如果发现没有完全展开或展开有多余空白，还可以通过「加减展开高度」进行调整。没有完全展开输入正数，展开有多余空白输入负数。
第6步：导入公众号后台
一切设置完毕后 ，点击页面左上角的「保存并退出」按钮退出组合编辑模式，再次预览没有问题，然后点击「导入微信平台」就可以了。
导入时使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手还支持一键打包下载图文图片素材，非常方便，安装教程戳：《iPaiban Pro小助手v2.0来啦！》
如果还想编辑展开的内容，可再次点击「点击此处配置」进入。
登录 iPaiban Pro，即刻预约8月会员日，第一时间了解享受本次会员日新福利。
认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
● SVG 黑科技交互排版????????
·
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）