触发与关联

cellz管理员 2015-11-30
触发

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

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

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

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

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

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

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

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

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

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

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

数据表单:将客户端编辑的数据提交到cellz个人中心对应的报表中,可将数据导出为Excel文件。
                 同数据组件中的报表操作逻辑一样,在cellz官网>个人中心>数据管理>报表中新建,自定义需要收集的信息。
 
数据列表:简单来说,数据列表方便于多条信息的展示。
                  在cellz的个人中心,想要创建一个新的列表,首先需要你设置一个“数据组件”(数据块)来作为你的列表样式,保存后在单击左侧的列表名称,如下图所示,再选择插入列表数据>添加>输入跳转链接:





将数据列表应用到内容制作中,与使用文本框聚焦的步骤一样,先选中触发对象,设置恰当的交互方式,将触发行为选为数据列表,依次完善目标页面、目标对象及操作方式即可。
需要注意的是,选择触发的按钮,必须要在列表下面的数据块里。
 
输入框设置文本:点击触发对象,将预设的内容赋给目标文本输入框。例如做一些数据的采集,有时并不一定会键入具体的文字内容,那么这时候使用输入框设置文本,在生成的表单中会根据实际情况而生成数据。




 
 
关联

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

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

屏幕快照_2015-11-25_下午6.02_.57_.png

说明:关联中“目标页面”的选择,一般默认为本页面,若你想替换成其他页面,需要你在设置基于> 屏幕 >页面范围>选择页面后,才可以选择其他的“目标页面”。
分享到微博 分享到微信
×
请打开微信"扫一扫",可将文章分享到朋友圈