打包APP

教程与案例

cellz中“打包app”为收费服务。当你在导出类型中选择了“mix”为输出格式,并且想在手机、iPad(或Android平板)上以一个APP或者在APP中展示你的创作,那么你就需要在你的个人主页中选择“打包APP”,点击选择作品(如图1)>打包的类型(如 查看全部
cellz中“打包app”为收费服务。当你在导出类型中选择了“mix”为输出格式,并且想在手机、iPad(或Android平板)上以一个APP或者在APP中展示你的创作,那么你就需要在你的个人主页中选择“打包APP”,点击选择作品(如图1)>打包的类型(如图2),iPad App打包/iPhone App打包/Android App打包;然后在弹出的界面中完善你APP生成的信息即可。

屏幕快照_2015-12-10_下午4.21_.22_.png

                   图1
屏幕快照_2015-12-10_下午4.39_.14_.png

                   图2

值得注意的是,你如果没有开发账号,就只能使用我们的企业证书,不能上到App Store。

如何使用在线视频

教程与案例

视频的添加,可选择基础组件中的“视频”,拖动鼠标,绘制出白色的视频控件区,同样你也可使用快捷键V来添加。双击视频可设置它的相关属性,如播放方式,自动和手动。自动,一般作用于强制播放视频(如:广告视频);手动,则默认为点击视频选区播放。当然你也可以通过设置触发方式 查看全部
视频的添加,可选择基础组件中的“视频”,拖动鼠标,绘制出白色的视频控件区,同样你也可使用快捷键V来添加。双击视频可设置它的相关属性,如播放方式,自动和手动。自动,一般作用于强制播放视频(如:广告视频);手动,则默认为点击视频选区播放。当然你也可以通过设置触发方式来控制它播放。

添加视频的方式有“本地”和“在线”两种。在线,一般用于合作方平台视频播放。使用“在线”视频,用户下载你的作品,在节省流量的同时,也会减轻对设备内存的消耗。
 
在线视频的添加,必须使用Google chrome查找一个在线视频,点击最末端的“自定义并控制Google chrome>开发者工具”(图1),播放选中视频,页面下方会出现一些工具栏(图2),你主要可以通过查看name下方的链接格式是否为mp4格式以及文件的大小,来判断抓取正确的视频链接。


屏幕快照_2015-12-09_下午6.32_.46_.png

         图1

@5B{DIV)8@TPKVF_9)LY3A.jpg

         图2

类似导航条—不随页面切换而切换的效果如何实现

教程与案例

cellz的属性面板中有一个“基于”>“屏幕”的设置。当你将某个对象/组件设置为基于屏幕,那么它将不会随着页面的切换而被移出屏幕。一般在做类似于导航条、音乐播放器等控件的时候会用到。选中图形/组,选择基于>屏幕>页面范围来设置它公共显示的对象页 查看全部
cellz的属性面板中有一个“基于”>“屏幕”的设置。当你将某个对象/组件设置为基于屏幕,那么它将不会随着页面的切换而被移出屏幕。一般在做类似于导航条、音乐播放器等控件的时候会用到。选中图形/组,选择基于>屏幕>页面范围来设置它公共显示的对象页面。

说明:在设置非单个图形的组件时最好先将所有的图形创建成“组”后再设置“基于”,任何单个被设置为“基于>屏幕”的图形/组件,都将无法与其他组件建立群组。

如何实现视差滚动效果

教程与案例

要想在cellz中实现视差滚动的效果,我们通常可以用两个交互组件来实现:状态集和滚动。 a.状态集,建立两个状态集,双击状态集1,首先为状态1设置一个手势方向,并在右侧的属性面板中设置关联>目标对象(选择状态2)>关联方式(与状态1相反), 这样就 查看全部
要想在cellz中实现视差滚动的效果,我们通常可以用两个交互组件来实现:状态集和滚动。

a.状态集,建立两个状态集,双击状态集1,首先为状态1设置一个手势方向,并在右侧的属性面板中设置关联>目标对象(选择状态2)>关联方式(与状态1相反), 这样就形成了一个同时正向和反向播放的视差滚动效果。

b.滚动,建立两个滚动控件,为滚动1设置一个固定的滑动方向(水平/垂直),再选中滚动2,在交互设置>关联>目标对象(滚动1)>关联方式(与滚动1相反)中做相应的设置。也可以实现视差滚动的效果。

Cellz的上传发布

教程与案例

在Cellz中要实现文件的导出,只需单击菜单栏中的“文件”>“导出”,待弹出“导出”界面, 里面包含了你制作的所有页面,以及导出的“品质”、“类型 ”。勾选“全选”则导出所有页面。   导出类型一共有四种,M4C、MIX、HTML、 查看全部
在Cellz中要实现文件的导出,只需单击菜单栏中的“文件”>“导出”,待弹出“导出”界面, 里面包含了你制作的所有页面,以及导出的“品质”、“类型 ”。勾选“全选”则导出所有页面。
 
屏幕快照_2015-12-10_下午5.35_.42_.png



导出类型一共有四种,M4C、MIX、HTML、图片。
M4C:上传到cellz.cn的特定文件格式。
MIX:主要使用在APP打包或数字内容出版。当你需要生成一个app,或在手机、iPad(Android平板)上以一个APP或者在APP中展示你的创作,就只能使用mix格式导出。
HTML:可输出HTML5文件,但需要你升级成付费用户,方可导出该类型文件。
 
 
当你想将制作完成的设计放到你在cellz.cn上的“个人作品”中去时,首先在“发布”之前你需要先完成“工程属性”的设置,比如,工程名、设置封面、类型、描述、页面切换方式等。设置“工程属性”,你可以直接单击菜单栏中的“文件>工程属性”来设置,也可以在点击“发布”后弹出的“工程信息完善”中去“修改”。






这里的“封面”将会作为作品封面展示在cellz.cn上,同时也将会作为分享转发时(微信好友、朋友圈)的icon出现在转发信息中。而“描述”也会作为有效信息显示在转发好友的图标右侧。若发布以后想修改它们,也可以在查看作品>修改中重新编辑。
 
设置完成后,在发布之前你可以先选择系统菜单栏中的“cellz>登陆cellz账户”进行你的账户登录。或者直接点击发布,也将会弹出登录界面。

无论你以哪一种方式,若在登录前你还未注册,那么就需要你先利用邮箱进行注册。

屏幕快照_2015-12-10_下午5.38_.28_.png



成功登录后,将会弹出“发布列表”, 你可以查看到发布作品的进度及已发布的作品,并可以去选择“发布已有作品”(单独导出的m4c文件)。点击“我的个人作品”将跳转到“cellz.cn>个人作品”,你也可以通过复制作品链接来完成你作品的发布。并可以通过其他选项来修改和编辑你发布的作品。


 

列表

教程与案例

列表是什么?新闻客户端的新闻列表就是一个典型的列表。 列表主要是为了满足相同格式内容的日常性更新。比如你需要实现一个公告板、产品展示或者资讯更新的时候,你最想要的就是一个列表,可以通过后台更新数据,而不需要更新客户端或者你的网页。   进入cellz中你的个人中 查看全部
列表是什么?新闻客户端的新闻列表就是一个典型的列表。
列表主要是为了满足相同格式内容的日常性更新。比如你需要实现一个公告板、产品展示或者资讯更新的时候,你最想要的就是一个列表,可以通过后台更新数据,而不需要更新客户端或者你的网页。
 
进入cellz中你的个人中心,找到数据管理里的“列表”分类,创建一个新列表前,需要定义每条信息有哪些展示元素,所以你需要先设置一个数据块来定义。设置好数据块与列表后,你需要编辑列表,填入每条需要展示的内容。你可以预先多创建几条,以方便查看列表的效果。
 
在cellz中创建一个列表,将列表的ID填入列表的ID输入框中,点击获取。
 
你会发现Cellz帮你创建了一个列表,列表下有数据块的定义。拖动列表框设置列表的展示区域,然后设置数据块的展示形式。
 
预览,你将发现列表已经展示了你在数据管理后台中设置的信息了。

报表

教程与案例

报表是为了让你可以收集用户的信息,可以在报名,收集用户资料的时候使用。和数据块的操作逻辑是一样的,在cellz网站的个人中心—数据管理中创建报表,定义你需要收集哪些信息。 设置好报表的形式之后,复制报表的ID,然后在cellz中创建一个报表,将报表的ID,填入报 查看全部
报表是为了让你可以收集用户的信息,可以在报名,收集用户资料的时候使用。和数据块的操作逻辑是一样的,在cellz网站的个人中心—数据管理中创建报表,定义你需要收集哪些信息。
设置好报表的形式之后,复制报表的ID,然后在cellz中创建一个报表,将报表的ID,填入报表的ID输入框中,点击获取。你会发现cellz已经帮你创建了一个报表,内容与你在个人中心中定义的一样。然后排版,设置输入框与提交按钮的样式。
 
用户发送的信息,你可以在个人中心的对应“报表”中下载excel获取。
 
说明:文本的输出类型有四种,图片、文本、单行输入框、输入框。

数据块

教程与案例

数据块的出现,是为了满足某些内容可能需要经常更新或可能会更新的需求。 首先需要你定义好哪些内容可能将会被更新,然后通过数据块在你的cellz网站的个人中心—数据管理中创建对应的数据块。一个数据组件支持多达8个基础数据,可以是文本、图片、音频或视频。   设置好 查看全部
数据块的出现,是为了满足某些内容可能需要经常更新或可能会更新的需求。

首先需要你定义好哪些内容可能将会被更新,然后通过数据块在你的cellz网站的个人中心—数据管理中创建对应的数据块。一个数据组件支持多达8个基础数据,可以是文本、图片、音频或视频。
 
设置好数据块之后,复制数据块的ID,然后在cellz中创建一个数据块,将数据块的ID填入数据块的ID输入框,点击获取。你将发现cellz已经帮你创建了你在个人中心中定义的数据块。然后根据你的需要,将对应的数据(图片,文字等)摆放在合适的位置,设置对应的尺寸大小。
 
再此之后,你就可以通过个人中心的“数据管理”随时更新你的内容了。

数据采集

教程与案例

数据采集器默认是一个基于“屏幕”的组件。 基于屏幕指的是,该组件不会随着页面切换而被移出屏幕。它的作用区域只受限于他的页面范围。也就是说,数据采集器可以跨页面工作。 当你需要做一个趣味小测试,比如星座、性格或其他的一些调查测试,需要多道测试题才能得出正确的答案 查看全部
数据采集器默认是一个基于“屏幕”的组件。
基于屏幕指的是,该组件不会随着页面切换而被移出屏幕。它的作用区域只受限于他的页面范围。也就是说,数据采集器可以跨页面工作。

当你需要做一个趣味小测试,比如星座、性格或其他的一些调查测试,需要多道测试题才能得出正确的答案时,你就可以使用数据采集器来实现。抽象一点来说就是,当多个条件共同达成的时候,才可以触发某个事件的发生,那么你需要数据采集器来帮你记录这多个数据。比如实现一个老虎机的小游戏(真的可以吗!!!可以!)。
 
 
拿测试题来举例子。
首先,要计算一共有几道题,最后的测试结果有几个。
 
假设有10道题,每道题正确答案为10分,说不上对或者错的为5分,错误的为0分(其实也不见得是对错,只是需要用分数来区分结果的选项)。
最终有4个测试结果,我们将测试的总分设置为100分。0~30分,31~60分,61~80分,81~100分。
我们将测试结果用状态集的不同状态装载。
 
然后,在数据采集器上添加得分情况,有0分,5分,10分;触发条件则是,若分值为0~30分,状态集则跳转到第一状态,依次设置;
再在测试的答案上设置,用户点击这个选项之后,发送对应的得分情况给数据采集器。注意还有题号,题号的设置为了让数据采集器避免重复纪录(比如有的人把所有答案全部点选了一遍)。
最后,再设置一个用户提交答案的选项,数据收集器就可以结合10道题的答案,给出一个综合评分啦。

动画

教程与案例

不同于其他软件,cellz中的动画也是一个容器类组件。 也就是说,你可以在动画中嵌套动画,也可以把视频放在动画中,你还可以将按钮或者状态集放在动画中。 动画是由动画帧构成的。有任意属性的变化你都需要创建新的动画帧。动画将根据动画帧的运动方式均匀改变两帧之间的属 查看全部
不同于其他软件,cellz中的动画也是一个容器类组件。
也就是说,你可以在动画中嵌套动画,也可以把视频放在动画中,你还可以将按钮或者状态集放在动画中。

动画是由动画帧构成的。有任意属性的变化你都需要创建新的动画帧。动画将根据动画帧的运动方式均匀改变两帧之间的属性,实现连续变化效果。

双击编辑动画,通过设置透明度,大小,旋转(重要的事情用粗体说:支持3D旋转),以及位移(通过bezier曲线可以设置任意路径)来编辑你的动画。
 
 
值得说的是,动画帧也可以设置触发与关联。动画中的关联是指动画从相邻帧进入到此帧为整个过程,从此帧进入到下一帧为整个过程的反过程。