开学季将至，开学图文没灵感？
不用急，早已给大家备好了相关主题的案例合集：
有了案例，我们也要知道该怎么实现。今天带大家看一个超经典的排版效果：抽屉式切换。
以学习强国这篇模拟查看课程表的效果为例，点击试试：
*素材来自学习强国这份特别的“课程表”，值得收藏
组件：点击抽屉切换图片(无限次往返,有触发区,左)
编号：11123（组件）
初始只露出几个标签，按照提示依次点击标签，完整图片就像拉动抽屉一样显现。每张被点击拉出的图片，也支持点击返回。
该效果使用i排版SVG编辑器的「点击-抽屉切换图片(无限次往返,有触发区,左)」组件（编号：11123）即可实现，除了从左抽出，还有从右、从上、从下共四个方向。
从右：
*素材来自Baccarat巴卡拉幸运蝶语
组件：点击抽屉切换图片(无限次往返,有触发区,右)
编号：11124（组件）
从上：
*素材来自TCL中环放假了？走，回童年！
组件：点击抽屉切换图片(无限次往返,有触发区,上)
编号：11085（组件）
从下：
*素材来自可可满分聊聊我们和椰子。
组件：点击抽屉切换图片(无限次往返,有触发区,下)
编号：11087（组件）
下面以从左抽出的学习强国排版为例，一起看下详细教程吧。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组件：点击-抽屉切换图片(无限次往返,有触发区,左)
编号：11123（组件）
第1步：选择组件
登录i排版SVG编辑器后，点击编辑器右侧「组件」按钮，在「点击」-「抽屉式切换」分类中找到「点击-抽屉切换图片(无限次往返,有触发区,左)」组件，或者直接在搜索框中搜索「抽屉」或组件编号11123，点击选择。
打开触发区域设置窗口后，点击「下一张」，可以看到抽出的标签图上「返回」按钮所在位置；伸出一根手指，按住屏幕上的返回按钮，确定按钮所在位置；保持触发区域设置窗口和手指不动，点击「上一张」，返回背景图；拖动红色色块到手指所按处，这样「返回」按钮的触发区域就准确设置啦。
第5步：导入公众号后台
效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能不用频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
