触发与关联
触发
当某条件达成或用户操作后,可以通过设置触发来做一个交互设计。cellz支持一对多同时触发,以及定时触发。
通过链式触发也可以实现很多新奇好玩复杂的效果。
cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设 查看全部
触发
当某条件达成或用户操作后,可以通过设置触发来做一个交互设计。cellz支持一对多同时触发,以及定时触发。
通过链式触发也可以实现很多新奇好玩复杂的效果。
cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设置、数据采集、开关、音频、视频、组中。“触发行为”一共有十种,显示/隐藏、播放/暂停、状态跳转、页面跳转、打开网页等。
显示/隐藏:触发某目标对象,有三种“触发方式”,切换、显示、隐藏。
a.显示:当对象本身呈隐藏状态时,触发该对象则呈显示状态。
b.隐藏:当对象本身为显示状态时,触发该对象则为隐藏状态。
c.切换:即当触发对象的“播放次数”大于2时,将呈现“显示”和“隐藏”这两种方式。
播放/暂停: 触发某目标对象,也有三种“触发方式”,切换、播放、暂停。同“显示/隐藏”相同,就不再一一赘述了。
状态跳转:状态跳转的目标对象是状态集。当触发的目标对象以“状态跳转”的方式触发后,目标位置会发生变化。比如在动画中,设置某关键帧触发状态集中的某状态数,当运行到此帧时就会触发显示设定的状态数。
页面跳转:当触发某个对象时,页面之间可以随意切换。
打开网页:某对象设置该触发行为,将依据 打开方式的不同,打开URL地址;
打开方式有两种:外部,新打开一个网页;内部,则替换当前网页。
拨打电话: 触发某对象,在移动设备上将会提示是否拨打设置项键入的“电话号码”。
发送邮件: 某对象被这种触发行为触发后,将跳转至新建邮件的界面,补全信息后,可完成邮件的发送。
发送短信: 对象被这种触发行为触发后,将跳转至移动设备的短信界面,那么你自行编辑即可。
打开摄像头:当一个元素设置为该触发行为,将提示是否打开摄像头 拍照来替换设置项选择的“替换对象”。
数据采集器:触发某对象将数据发送到采集器。
文本框聚焦:当点击触发对象时,光标会自动聚集到目标文本输入框内。
想要设置它只需选中一个触发对象,在交互设置中选中“点击”(或其他交互方式),依次设置>>
触发行为:文本框聚焦
目标对象:类型为输入框的文本
操作方式:文本框聚焦
数据表单:将客户端编辑的数据提交到cellz个人中心对应的报表中,可将数据导出为Excel文件。
同数据组件中的报表操作逻辑一样,在cellz官网>个人中心>数据管理>报表中新建,自定义需要收集的信息。
数据列表:简单来说,数据列表方便于多条信息的展示。
在cellz的个人中心,想要创建一个新的列表,首先需要你设置一个“数据组件”(数据块)来作为你的列表样式,保存后在单击左侧的列表名称,如下图所示,再选择插入列表数据>添加>输入跳转链接:
将数据列表应用到内容制作中,与使用文本框聚焦的步骤一样,先选中触发对象,设置恰当的交互方式,将触发行为选为数据列表,依次完善目标页面、目标对象及操作方式即可。
需要注意的是,选择触发的按钮,必须要在列表下面的数据块里。
输入框设置文本:点击触发对象,将预设的内容赋给目标文本输入框。例如做一些数据的采集,有时并不一定会键入具体的文字内容,那么这时候使用输入框设置文本,在生成的表单中会根据实际情况而生成数据。
关联
当我们设置关联的时候,只需要选择谁与谁关联就可以了。“关联”指的是,我们将一个状态集从起始状态到最终状态,动画从第一帧到最后一帧,页面的切换的始瞬间到完全移出屏幕,滚动的开始到滚动的终止,使用“轻扫”时对象的起始位置与终点位置等认为是一个完整的过程,当两个或多个组件发生关联关系时,他们的这个过程将会同步进行,你操作状态集A从第一状态到第二状态,与它关联的状态集也会对应的切换到第二状态。
我们通过关联可以设计出很多出彩的效果,比如视差滚动,比如图片的交错运动构成一张整图。
而在cellz中,能设置关联的对象有页面、状态集、状态集的状态数、动画、动画的关键帧、滚动、滚动的吸附点、轻扫(组、文本、图形),但关联的目标对象一般为页面、滚动、状态集、动画以及带 “轻扫”交互设置的对象。
说明:关联中“目标页面”的选择,一般默认为本页面,若你想替换成其他页面,需要你在设置基于> 屏幕 >页面范围>选择页面后,才可以选择其他的“目标页面”。
当某条件达成或用户操作后,可以通过设置触发来做一个交互设计。cellz支持一对多同时触发,以及定时触发。
通过链式触发也可以实现很多新奇好玩复杂的效果。
cellz中的触发一般发生在状态集中的状态数、动画的关键帧、滚动的吸附点、图片和文本的交互设置、数据采集、开关、音频、视频、组中。“触发行为”一共有十种,显示/隐藏、播放/暂停、状态跳转、页面跳转、打开网页等。
显示/隐藏:触发某目标对象,有三种“触发方式”,切换、显示、隐藏。
a.显示:当对象本身呈隐藏状态时,触发该对象则呈显示状态。
b.隐藏:当对象本身为显示状态时,触发该对象则为隐藏状态。
c.切换:即当触发对象的“播放次数”大于2时,将呈现“显示”和“隐藏”这两种方式。
播放/暂停: 触发某目标对象,也有三种“触发方式”,切换、播放、暂停。同“显示/隐藏”相同,就不再一一赘述了。
状态跳转:状态跳转的目标对象是状态集。当触发的目标对象以“状态跳转”的方式触发后,目标位置会发生变化。比如在动画中,设置某关键帧触发状态集中的某状态数,当运行到此帧时就会触发显示设定的状态数。
页面跳转:当触发某个对象时,页面之间可以随意切换。
打开网页:某对象设置该触发行为,将依据 打开方式的不同,打开URL地址;
打开方式有两种:外部,新打开一个网页;内部,则替换当前网页。
拨打电话: 触发某对象,在移动设备上将会提示是否拨打设置项键入的“电话号码”。
发送邮件: 某对象被这种触发行为触发后,将跳转至新建邮件的界面,补全信息后,可完成邮件的发送。
发送短信: 对象被这种触发行为触发后,将跳转至移动设备的短信界面,那么你自行编辑即可。
打开摄像头:当一个元素设置为该触发行为,将提示是否打开摄像头 拍照来替换设置项选择的“替换对象”。
数据采集器:触发某对象将数据发送到采集器。
文本框聚焦:当点击触发对象时,光标会自动聚集到目标文本输入框内。
想要设置它只需选中一个触发对象,在交互设置中选中“点击”(或其他交互方式),依次设置>>
触发行为:文本框聚焦
目标对象:类型为输入框的文本
操作方式:文本框聚焦
数据表单:将客户端编辑的数据提交到cellz个人中心对应的报表中,可将数据导出为Excel文件。
同数据组件中的报表操作逻辑一样,在cellz官网>个人中心>数据管理>报表中新建,自定义需要收集的信息。
数据列表:简单来说,数据列表方便于多条信息的展示。
在cellz的个人中心,想要创建一个新的列表,首先需要你设置一个“数据组件”(数据块)来作为你的列表样式,保存后在单击左侧的列表名称,如下图所示,再选择插入列表数据>添加>输入跳转链接:
将数据列表应用到内容制作中,与使用文本框聚焦的步骤一样,先选中触发对象,设置恰当的交互方式,将触发行为选为数据列表,依次完善目标页面、目标对象及操作方式即可。
需要注意的是,选择触发的按钮,必须要在列表下面的数据块里。
输入框设置文本:点击触发对象,将预设的内容赋给目标文本输入框。例如做一些数据的采集,有时并不一定会键入具体的文字内容,那么这时候使用输入框设置文本,在生成的表单中会根据实际情况而生成数据。
关联
当我们设置关联的时候,只需要选择谁与谁关联就可以了。“关联”指的是,我们将一个状态集从起始状态到最终状态,动画从第一帧到最后一帧,页面的切换的始瞬间到完全移出屏幕,滚动的开始到滚动的终止,使用“轻扫”时对象的起始位置与终点位置等认为是一个完整的过程,当两个或多个组件发生关联关系时,他们的这个过程将会同步进行,你操作状态集A从第一状态到第二状态,与它关联的状态集也会对应的切换到第二状态。
我们通过关联可以设计出很多出彩的效果,比如视差滚动,比如图片的交错运动构成一张整图。
而在cellz中,能设置关联的对象有页面、状态集、状态集的状态数、动画、动画的关键帧、滚动、滚动的吸附点、轻扫(组、文本、图形),但关联的目标对象一般为页面、滚动、状态集、动画以及带 “轻扫”交互设置的对象。
说明:关联中“目标页面”的选择,一般默认为本页面,若你想替换成其他页面,需要你在设置基于> 屏幕 >页面范围>选择页面后,才可以选择其他的“目标页面”。
cellz教程之快捷键(三)
“快捷键”,持续更新中。组,Command+G 创建组/Command+shift+G 拆分组;锁定 Command+L;解锁 Command+shift+L等等。 查看全部
“快捷键”,持续更新中。组,Command+G 创建组/Command+shift+G 拆分组;锁定 Command+L;解锁 Command+shift+L等等。
cellz教程之音频
如何用音频联动动画制作出播放器的效果,又如何利用开关组件来巧妙的控制音频。在下面的教程视频中将一一为您揭晓!! 查看全部
如何用音频联动动画制作出播放器的效果,又如何利用开关组件来巧妙的控制音频。在下面的教程视频中将一一为您揭晓!!
cellz教程之状态集
状态集的创建和相关属性的设置。渐变、纵向盒子、纵移渐变、缩放等过渡方式的设置与效果。
查看全部
状态集的创建和相关属性的设置。渐变、纵向盒子、纵移渐变、缩放等过渡方式的设置与效果。
cellz教程之文字绕排、形状编辑及遮罩
童鞋们,上干货了,cellz中文字绕排的多种方式、形状编辑及遮罩工具的使用。
查看全部
童鞋们,上干货了,cellz中文字绕排的多种方式、形状编辑及遮罩工具的使用。