教程与案例

触发与关联

触发当某条件达成或用户操作后，可以通过设置触发来做一个交互设计。cellz支持一对多同时触发，以及定时触发。通过链式触发也可以实现很多新奇好玩复杂的效果。 cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设查看全部

触发

当某条件达成或用户操作后，可以通过设置触发来做一个交互设计。cellz支持一对多同时触发，以及定时触发。
通过链式触发也可以实现很多新奇好玩复杂的效果。
cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设置、数据采集、开关、音频、视频、组中。“触发行为”一共有十种，显示/隐藏、播放/暂停、状态跳转、页面跳转、打开网页等。

显示/隐藏：触发某目标对象，有三种“触发方式”，切换、显示、隐藏。
a.显示：当对象本身呈隐藏状态时，触发该对象则呈显示状态。
b.隐藏：当对象本身为显示状态时，触发该对象则为隐藏状态。
c.切换：即当触发对象的“播放次数”大于2时，将呈现“显示”和“隐藏”这两种方式。

播放/暂停：触发某目标对象，也有三种“触发方式”，切换、播放、暂停。同“显示/隐藏”相同，就不再一一赘述了。

状态跳转：状态跳转的目标对象是状态集。当触发的目标对象以“状态跳转”的方式触发后，目标位置会发生变化。比如在动画中，设置某关键帧触发状态集中的某状态数，当运行到此帧时就会触发显示设定的状态数。

页面跳转：当触发某个对象时，页面之间可以随意切换。

打开网页：某对象设置该触发行为，将依据打开方式的不同，打开URL地址；
打开方式有两种：外部，新打开一个网页；内部，则替换当前网页。

拨打电话：触发某对象，在移动设备上将会提示是否拨打设置项键入的“电话号码”。

发送邮件：某对象被这种触发行为触发后，将跳转至新建邮件的界面，补全信息后，可完成邮件的发送。

发送短信：对象被这种触发行为触发后，将跳转至移动设备的短信界面，那么你自行编辑即可。

打开摄像头：当一个元素设置为该触发行为，将提示是否打开摄像头拍照来替换设置项选择的“替换对象”。

数据采集器：触发某对象将数据发送到采集器。

文本框聚焦：当点击触发对象时，光标会自动聚集到目标文本输入框内。
想要设置它只需选中一个触发对象，在交互设置中选中“点击”（或其他交互方式），依次设置>>
触发行为：文本框聚焦
目标对象：类型为输入框的文本
操作方式：文本框聚焦

数据表单：将客户端编辑的数据提交到cellz个人中心对应的报表中，可将数据导出为Excel文件。
同数据组件中的报表操作逻辑一样，在cellz官网>个人中心>数据管理>报表中新建，自定义需要收集的信息。

数据列表：简单来说，数据列表方便于多条信息的展示。
在cellz的个人中心，想要创建一个新的列表，首先需要你设置一个“数据组件”（数据块）来作为你的列表样式，保存后在单击左侧的列表名称，如下图所示，再选择插入列表数据>添加>输入跳转链接：

将数据列表应用到内容制作中，与使用文本框聚焦的步骤一样，先选中触发对象，设置恰当的交互方式，将触发行为选为数据列表，依次完善目标页面、目标对象及操作方式即可。
需要注意的是，选择触发的按钮，必须要在列表下面的数据块里。

输入框设置文本：点击触发对象，将预设的内容赋给目标文本输入框。例如做一些数据的采集，有时并不一定会键入具体的文字内容，那么这时候使用输入框设置文本，在生成的表单中会根据实际情况而生成数据。

关联

当我们设置关联的时候，只需要选择谁与谁关联就可以了。“关联”指的是，我们将一个状态集从起始状态到最终状态，动画从第一帧到最后一帧，页面的切换的始瞬间到完全移出屏幕，滚动的开始到滚动的终止，使用“轻扫”时对象的起始位置与终点位置等认为是一个完整的过程，当两个或多个组件发生关联关系时，他们的这个过程将会同步进行，你操作状态集A从第一状态到第二状态，与它关联的状态集也会对应的切换到第二状态。
我们通过关联可以设计出很多出彩的效果，比如视差滚动，比如图片的交错运动构成一张整图。

而在cellz中，能设置关联的对象有页面、状态集、状态集的状态数、动画、动画的关键帧、滚动、滚动的吸附点、轻扫（组、文本、图形），但关联的目标对象一般为页面、滚动、状态集、动画以及带 “轻扫”交互设置的对象。