Icebergling的工作坊(Icebergling) · 2016-09-04 19:35
上节教程ActivInspire教程-做到极致-内容呈现方式的思考（4）回顾。
这节教程，是本系列教程的最后一节了。本系列教程从内容的呈现方式入手，深度分析各种呈现方式的优劣，将简洁精准高效做到极致。
在这最后一节，我们首先来看看跟图层有关的一些呈现方式。
九、图层。
其实正是因为在Inspire里面有图层的概念，我们才能做到遮盖，才能做到之前讲的所有的呈现方式。
正是因为有了图层，笔工具画出的笔迹才能遮盖隐藏的内容，也正是因为神奇墨水的图层特性，才能更好地做到涂抹呈现效果；（本系列第一部分）
正是因为有了图层，我们才能用其他方式来替代显露器工具，做成拉幕效果；（本系列第二部分）
正是因为有了图层，我们才能用神奇墨水的透镜，透过顶层遮盖物，看到下方的内容；（本系列第三部分）
正是因为有了图层，我们才能轻松地在内容上方放置遮盖物，并在需要的时候将之隐藏；（本系列第四部分）
正是因为有了图层，我们才能将上层的遮盖物锁定，从下方拖出其他对象；（本系列第五部分）
正是因为有了图层，我们才能将两张相关的图片重叠在一起，用透明度渐变的方式隐去上方图片，逐渐呈现出下方内容；（本系列第六部分）
正是因为有了图层，我们才能改变下方图层的颜色，来衬出上方的内容，甚至可以利用图层的相互遮挡，实现更加复杂的颜色障眼法；（本系列第七部分）
也许只有组合与路径的呈现方式看似与图层无关，但是我们能拖着最上方的对象，拉出其他的对象，也是利用了图层的上下关系。（本系列第八部分）
总之，只要是你想隐藏某些内容，让它以某种方式在适当的时候呈现出来，都会涉及到图层的概念。
但是，在这节教程里，我们要讲的图层，是通过直接改变图层的上下关系来呈现内容的方式——前移后移，前置后置。
在之前的教程，我们曾经讲过，如果隐藏对象非常多，而且对象呈现的顺序又是固定的，我们可以利用后移遮盖物来实现逐个呈现的效果。比如《错落有致》教程中的例子。
前移与后移，都是让某个对象一层一层的移动。上面这个例子中，我们正是将遮盖物一层一层的向下移动，逐渐呈现出下方的内容。
这种设置很简单，我们只需要将要呈现的内容按顺序排好上下层关系，再将遮盖物设置成后移就行了。在操作的时候，只需要不断点击遮盖物，就可以让它一层一层的向下移动了。
同样的方法，我们可以用在下面这样的课例中。
只要我们逐个呈现的内容，是按既定顺序呈现的，就可以用这样后移遮盖物的方法来实现。
上面讲到的是后移，只能让对象一层一层的移动，那么要让对象直接到最上层或者最下层，我们就要用到前置和后置了。
之前讲过有关图片轮换的例子，利用后置做逐帧动画（详细讲解请点击这里查看）。
上面的例子是通过点击图片本身，进行轮换操作。而如果我们利用按钮来点击，就可以用前置功能来实现了。这个我们之前也讲过，就是那个幻灯片效果（详细讲解请点击这里）。
前置功能的精髓，就是利用按钮，来控制一叠重合对象的图层上下位置。有英语老师就用前置做出了下面这样的例子。
在这个例子中，前置的按钮，就是左边的小图标，而要前置呈现的内容，重叠在右边圆形区域内。
如果将前置与后置结合起来应用，能实现更多的呈现效果。比如之前我们讲过的一个效果（详细讲解请查看第三期教程相关内容）。
如果再利用组合拖出的方式，我们可以做出如下的效果（详细讲解请查看第三期教程相关内容）。
这两个例子，都是利用组合对象拖出，然后后置隐去，前置功能只是作为预设按钮，在关键时候使用。
用好前置和后置，可以让你在有限的空间里，实现内容的轮换。在内容不是很多的情况下，比页面跳转更有优势，因为它可以让你在一个页面就完成多个内容的呈现。而且，前置和后置是直接对图层位置的改变，这在某些情况比隐藏这类型不改变图层位置的功能更强大。
十、包含于分类。
有一类呈现方式很特殊，它可以让你将某些对象放进某个容器中，也可以让你对一堆对象进行分类判断对错，它就是——容器。
关于容器的介绍，前面的教程已经讲了很多很多，大家可以在公众号中直接输入“容器”来查看回复内容。
容器功能非常的有意思，掌握了这个功能，可以让老师在设计中有更加丰富的选择。容器与其他功能的融合，更能出现很多意想不到的华丽效果，比如连接器。
“做到极致”的系列教程，到此也要告一段落了。本系列教程，意在深度挖掘各功能的优劣，让老师在功能选择上有更深入的认识，从而能将自己的设计发挥到极致。
我这儿再多的抛砖引玉，也比不上老师自己的一次次尝试。
希望大家能仔细看看教程，然后认真的去尝试各种功能。在不断地尝试中，总结它们的优缺点，体会它们在教学中的意义，将自己的互动课件——做到极致。
联系客服
