简单 高效 乐趣 开放!
Domino在线编辑器专为多媒体内容制作者,ebook出版者,新媒体营销机构,移动解决方案提供者服务,集设计,编辑,制作于一身,辅助创作者以简单高效的方式低成本快速制作高质量App并发布到智能手机,平板电脑等移动终端。
全平台覆盖:创作一次,部署到所有主流移动终端,包括iPhone,iPad,安卓手机及平板,WP8手机及平板等。
先进的HTML5架构:最新技术确保了程序的高效性和可扩展性,HTML5作为业界开放标准,获得所有技术厂商鼎力支持。
操作直观容易上手:工具设计秉承“所见即所得”思路,将一切复杂性和程序概念打包于清晰直观的图形界面之下,让用户享受如编辑PPT一样创作App的奇妙体验。
强大的定制化服务能力:依靠多年移动开发的丰富经验,技术团队可为用户个性化需求提供定制解决方案,配合便利高效的标准化产品,满足用户效果成本平衡的多种需要。
采用控件追加关联事件的设计,辅助以拖拽的方式实现控件和动画以及控件和控件之间的建立关联和事件执行。domino的制作方式基于手机应用的方式来制作网页,像处理手机程序一样使你的网页中的控件彼此建立联系以及随意控制。
在工具的左边呈现的是像ppt一样的页面缩略图,代表着每一个手机需要显示的独立页面,在上面右键可以设置名称以及删除复制等功能,选中其中的某一个页面,其具体的画布便呈现在主界面的中心区域。
在缩略图右边为该画布中所有控件的集合列表(元素视图),在列表中第一列中的眼睛图标为该控件可见和隐藏控制,第二列为控件的类型图标,第三列为控件的名称(点击右键可进行设置和修改),名称后如果出现括号,则括号中的为关联控件或者动画的名称。元素视图还负责编辑对象间的层级关系(类似与Photoshop中的涂层概念),列表中靠下的元素在画板中的涂层靠前,可通过拖动对象在列表中的上下关系来调整涂层前后关系。
工具最右侧显示的是画布中选中控件的基本属性,包括class,尺寸,背景,边框,阴影,字体,文字阴影,内容等属性。
在除了以上四处基本区域外为临时操作区域,可以摆放动画,轨迹,手势等辅助类的不可见功能控件,当然如果把可见的控件放到该区域的话,在程序运行起来时也是看不到的。
以上控件均可根据自己的操作和分类方便随意摆放。
根据工具右侧的属性列表中(或者用鼠标选中控件来拖移位置和边缘改变大小)来配置图片的位置大小以及透明度等属性。当然也可以采用键盘来控制精确的位置,每按一下键盘挪动一个像素。
注:系统设计为自动保存编辑进度,无需手工保存。
基础控件包括,图片,标签,按钮和序列帧。
在工具屏幕的任意处点击鼠标右键即可看到基础控件分类,选择图片,看见画布中出现了图片控件的选中激活状态,即可操作。
在工具屏幕的任意处点击鼠标右键即可看到基础控件分类,选择标签,看见画布中出现了标签控件的选中状态,即可操作。
在工具屏幕的任意处点击鼠标右键即可看到基础控件分类,选择按钮,看见画布中出现了按钮控件的选中状态,即可操作。
窗口的使用:窗口是一种自定义的组合控件,你可以把想要组合在一起的控件拖到窗口中,窗口就像是一个独立的页面一样,内部的控件坐标也是按照窗口的区域匹配独立设定,窗口提供滚动查看功能,能让你在固定区域内滚动查看里面的内容。
幻灯片的使用:幻灯片是一种可以以页面形式播放窗口内容的组件,可以灵活追加和删除所需要展示页面数量。幻灯片页面包含的内容可以是窗口和各种控件的组合形式,也可以是单独的一个domino页面,提供了6种幻灯片的切换形式,并可设置持续时间,是否循环播放以及侧方可见数。
富文本的使用:富文本类似于窗口,但是不支持拖入控件,可以在其基础属性的内容里面嵌入自己编写的html代码,来实现更多个性化控件的需求,也可以写脚本来实现自定义的动画交互。
多媒体控件包括:声音和视频。
声音的使用:声音组件是可以播放声音文件的一个控件,你可以在自己的动画制作过程中来配备相应的声音,也可以在点击某些控件的时候播放声音,也可以把声音作为某些篇幅的背景音乐来使用。
视频的使用:视频组件是可以播放网络视频以及本地视频的控件,在页面中相应位置摆放好视频的播放区域就可以进行视频播放了,提供可操作的进度条以及声音大小等基本的播放控制功能。
动画手势包括:动画,轨迹,触摸手势,摇一摇,拖动。
动画的使用:动画组件是domino编辑器的核心功能,做一切好的效果过度都离不开动画组件,利用好动画的衔接可以实现页面丰富多彩的互动效果。动画组件选定目标控件之后就可以对该控件进行操作了,提供的基础效果为 wipe in/out,slide in/out,fade in/out,inflate deflate,teeter,shaake,blip,state以及比较关键的keyframes动画。
轨迹的使用:轨迹组件不同于动画组件,轨迹主要是在svg图片上进行某种动画的描绘效果,即可以动态出现最终的图片,也可以在既有的图片上进行轨迹展示。
触摸手势的使用:触摸手势提供了在页面中某些控件的范围内可以响应触屏的手势事件,包括,左滑,右滑,上滑,下滑,长按,缩小,放大等操作,当然响应这些事件之后是需要你开启下一个事件操作,比如显示某个窗口,启动那个动画,或者调整视频的播放进度等等。
摇一摇的使用:摇一摇组件只是针对微信的功能设计的具有特殊性的一个组件,当你在微信中分享自己的网页游戏或者某些页面的时候,可以加入摇一摇功能,将组件拖放到窗口中,设置其摇一摇之后需要开启的事件即可,比如摇一摇播放声音,摇一摇弹出窗口等操作。
拖动的使用:拖动组件类似于手势组件的使用方式,可以在页面中随意移动目标控件,直到把它放到你满意的位置,此外拖动组件还提供了三个触发事件,开始,移动中和结束。利用触发的这三个事件来开启其他事件。
辅助功能包括:热区,计时器,计数器。
热区的使用:热区就是一块透明的可以响应事件的布局,可以利用它来开启其他事件,也可以设置它的基础属性,使其具有大小颜色等可见可分辨的特点。
计时器的使用:计时器组件的主要功能,设置在某个秒数之后开启其他事件的方式,在页面的制作过程中经常遇到页面需要停留片刻的需求,就可以采用计时器来完成。
计数器的使用:计数器组件类似于计时器的使用,就是统计某些事件的次数,当达到你预先设定的数字之后,你就可以开启其他事件。
小工具包括:图片查看器,拼图游戏,画图板,玻璃擦,地图。
图片查看器的使用:图片查看器是查看图片的组件,它提供了图片查看的基础功能,比如滑动浏览,标题展示以及当前图片的位置展示,你可以设置给它需要显示的一组图片也可以是一张图片。
拼图游戏的使用:拼图组件可以将一张图片进行横竖切分,在基础属性栏可以设置需要切分的份数,比如书横向4份,纵向3份,这样可以开启他的打乱事件,当你挪动拼好后,可以开启其他事件(比如提示用户你真棒用时2秒等等)。
画图板的使用:画图板组件可以根据自己的喜好在任何区域进行摆放,可以设置画布以及画笔的颜色,当然还有画笔的粗细,也可以在其他组件的事件中进行你所绘画的图案的保存。
玻璃擦的使用:玻璃擦是刮涂层效果的组件,在基础属性中设置好需要最终刮开的图片,然后在页面上进行擦除,便可看见擦过的轨迹下露出了底部图片。
地图的使用:地图组件嵌入的是百度地图,不做介绍。
表单包括:输入框,单选框,多选框,表单。
输入框的使用:
单选框器的使用:
多选框的使用:
表单的使用:
高级功能包括:页面,空中消息。
核心配置包括:名称,版本,上传路径,管理员账号,尺寸,Retina display,背景颜色,浏览器标题,模板。
模板包括三种显示模式:3layers,3layers-app,blank。当选中其中一种模板的时候整个项目就只是一种显示风格。
3layers属性配置有:显示模式(全屏滚动/完整居中),翻页方式(横向滚动/纵向滚动),翻页效果(平移/平移+渐变/coverflow/3D旋转/覆盖),预加载(true/false),手势导航(true/false),键盘导航(true/false),滚动条(true/false)。
模块整合包括:背景,顶部,底部,页面。
页面以表格的形式罗列出该domino项目中的所有页面,你可以在第三栏中选择是否在自然的手势和键盘的导航方式中使用这些页面。
文件配置中存放的是项目中用到的自己的资源图片以及文件等,这些图片最终会和程序打包在一起,放到服务器上去,在程序代码中引用的时候直接以“/custom/xxx.jpg”的文件形式引用,包含文件夹的话,在路径中写好相对位置即可。
微信分享括:标题,图标128x128,摘要。
标题:展示给要分享到朋友圈的标题。
图标:展示分享内容的图标。
摘要:展示要分享项目的摘要说明内容。
在制作需要动态展现页面内容数据的时候,比如说列表排版数据和9宫格排版数据,并配以相应的图片和文字说明的情况,domino编辑器提供了javascript编程入口,用以完成复杂的程序处理。
点击文件菜单,选择新建项目即可建立新的项目,你可以输入这个项目的名称以及它将要适配的尺寸,宽和高,如果你想做一个手机应用那么宽高你可以设置为320x504,如果是适配pad程序你可以设置1024x768,点击创建就可以建立一个新的项目了。
注:对于高分辨率设备,为兼顾同样比例的低分辨率设备,可按照低分辨率尺寸统一设置,系统会自动适配。例如iPad,无论是否Retina屏幕,统一设置1024X768尺寸;对于iPhone,统一设置320X480;三星GalaxyS3,统一设置360X640。
点击文件菜单,选择打开项目,你会看到我的项目列表tab和我的备份列表tab,备份列表为我曾经在其他电脑上编辑的项目,点击自己备份的项目,即可在我的项目中下载到该备份项目,当然这个设计也可以为多人员协同开发同一个项目提供支持。当然你也可以在打开项目的菜单中找到创建菜单和打开文件夹导入一个已经打包好的domino源文件开发包。
当你制作好单个页面的时候,你可以进行预览,既可以查看到你刚才制作的页面的成果。
当你制作好多个页面的时候你可以选择演示方式进行运行,你可以看到刚才做的所有页面的,包括之间的跳转和调用关系。
注意:预览和演示的区别为运行单个页面还是整个项目,当你预览单个页面的时时候,其中的对于页面外的元素调用为无效的。
当你制作好你的应用的时候,打算用手机或这其他网络上的计算机浏览器来查看效果的时候,你可以选择把工程上传到互联网,把链接分享给其他的设备即可看到实际网路运行效果。当然你要配置好你的上传路径(它将作为你网络地址的一部分)。
当你没有完成你的应用的时候或者你希望别人继续完成你应用的时候,你可以利用备份功能把程序上传到domino服务平台,这样你可以在任何一台链接到互联网的的电脑进行下载继续编辑该项目。
基础属性
在做javascript编程的时候,class属性可以近似的看成为该控件的ID,但是它的命名最好遵循css的命名方式,比如class设置为xxx,在代码编程中找到该控件的方式为 $page.find(".xxx")(注意此处的一个误区,在命名class属性的时候是不包含前缀“.”的),可以看出domino的编程方式是支持jquery的,所以在代码中可以直接使用该方式写出优雅高效的代码。
尺寸是以像素px为单位的。
尺寸包含的属性为坐标起点(x,y px),自身大小(宽,高 px),旋转角度以及透明度。坐标起点,为当前容器内的坐标,放控件于叶面中时xy就是相对于页面左上角的px位置,放控件于窗口中时,xy就是相对于窗口左上角的px位置,放置于幻灯片中也是同理。
宽高的设定决定控件的大小以及面积。
旋转度可以设置控件在基础上宣传的角度。
透明度为控件的透明程度,100为不透明,0为全透明,只能输入中间0-100中间数值。
设置控件的背景颜色,点击该属性可以在弹出的颜色画板中选择自己的颜色,也可以在下面的rgb()数值中输入特定的颜色值,进度条可以调整背景的透明度。当然在rgb手动输入的时候也可以设置,比如:rgba(106, 168, 79, 0.6),这里的0.6代表不透明度(0为全透明,100不透明,去掉该参数默认为不透明。
控制的是内容与边框的距离,比如button来说,内部的显示文字距离边框的距离就是边距,文字大小固定的时,调整边相当于增加控件的宽高。
* [边框]()
控制的是控件边框线条的颜色、宽度、样式、以及圆角。
颜色:边框颜色的设定方法,点击该属性可以在弹出的颜色画板中选择自己的颜色,也可以在下面的rgb()数值中输入特定的颜色值,进度条可以调整背景的透明度。当然在rgb手动输入的时候也可以设置,比如:rgba(106, 168, 79, 0.6),这里的0.6代表不透明度(0为全透明,100不透明,去掉该参数默认为不透明。
宽度:设定宽度以px为单位,决定边框线条的粗细。
样式:设定边框线条为 实线,虚线,点状,双线,3D凹槽,3D垄状,3Dinsert,3Doutset等。
圆角:设置边框边缘的弧形度,使其直线条变成圆角矩形,设定基础单位为px。
* [阴影]()
控制控件阴影的颜色,宽度,横移,纵移,模糊,位置。
颜色:阴影颜色的设定方法,点击该属性可以在弹出的颜色画板中选择自己的颜色,也可以在下面的rgb()数值中输入特定的颜色值,进度条可以调整背景的透明度。当然在rgb手动输入的时候也可以设置,比如:rgba(106, 168, 79, 0.6),这里的0.6代表不透明度(0为全透明,100不透明,去掉该参数默认为不透明。
宽度:设定宽度以px为单位,决定阴影线条的粗细面积。
横移:设定横移以px为单位,决定阴影面积的横向偏移量。
纵移:设定纵移以px为单位,决定阴影面积的纵向偏移量。
模糊:设定模糊以px为单位,对阴影部分进行模糊处理。
位置:设定阴影是在控件的内部显示还是外部显示。
* [文本]()
文本的设定包括:字体,大小,粗体,斜体,删除线,下划线,字体颜色,对齐与居中。
字体:serif,sans,arial,arial black,courier,courier new,comic sans ms,helvetica,impact,lucida Grande,lucida sans,tahoma,times,times new Roman,verdana,stkaiti,stxihei。
文字编辑:B加粗 I斜体 删除线 下划线
大小:单位为1,最大为100,最小为1,如果是在非Retina显示1-12设定字体大小无变化。
颜色:阴影颜色的设定方法,点击该属性可以在弹出的颜色画板中选择自己的颜色,也可以在下面的rgb()数值中输入特定的颜色值,进度条可以调整背景的透明度。当然在rgb手动输入的时候也可以设置,比如:rgba(106, 168, 79, 0.6),这里的0.6代表不透明度(0为全透明,100不透明,去掉该参数默认为不透明。
对齐居中:对齐分别为左对齐,中间对齐,右侧对齐,两侧对齐。居中分别为靠上,居中,靠下等三种。
* [文字阴影]()
文字阴影的属性有颜色,横移,纵移,模糊。
文字阴影的属性可以点击“+”号进行增加,让文字有多种阴影,每一种阴影可以设置他的横移,纵移,以及模糊等属性,来达到不错的效果。
横移:设定横移以px为单位,决定阴影面积的横向偏移量。
纵移:设定纵移以px为单位,决定阴影面积的纵向偏移量。
模糊:设定模糊以px为单位,对阴影部分进行模糊处理。
* [内容]()
内容为该空间之内显示的文字等信息,不只是可以显示文字,任何控件的内容部分均支持html代码以及样式代码。可以根据实际情况做自定义的修改,如果在内容部分使用了自定义的html和css与外部控件的其他基础属性有重叠的话,将优先展示内容部分代码定义的效果。
* [页面]()
在幻灯片中有页面,它可以包含任何一个控件或者控件的组合。也可以把整个页面嵌入到幻灯片中,作为幻灯片中的一页,你需要做的是要创建一个页面控件并选择好要嵌入的页面。
幻灯片的页面没有属性,大小取决于幻灯片控件的自身大小。这个页面操作方式相当于操作窗口一样,按住shift键可以拖动元素控件进入页面中。
* [场景]()
场景属性为一个页面的综合描述属性,包含导航事件,自定义尺寸,监听通知。
导航事件,当勾选此项的时候,在页面的场景中会出现在程序运行时候,导航各个页面之间的纽带事件,包括切换到某个页面,正在进入,逆向返回,首次触摸等纽带事件。
设置一个页面的自定义尺寸,便可以区别于整体工程的统一页面尺寸,在遇到比较长的页面需要展示全部信息的时候可以采用自定义页面尺寸来满足需求。
监听通知,在进行javascript编程的时候,可以在代码中监听某些页面发送的通知,以用来操作该页面上元素的事件。
* [监听通知]()
监听通知,在进行javascript编程的时候,可以在代码中监听某些页面发送的通知,以用来操作该页面上元素的事件。
* [卡片]()
专属于幻灯片的属性,包括过度动画,速度,方向,循环,侧方可见数。
过度动画:可以选择幻灯片过度时候的几种方式:走马灯,coverflow,concave,cube立方体,翻转和经典。
速度:可以设置幻灯片动画切换的持续时间,以0.1秒为单位。
方向:可以设置幻灯片是横向过度还是纵向过度。
循环:可以设置幻灯片是否播放完毕后,再从第一页开始播放。
* [控制条]()
控制条是针对于视频空间的一个特殊属性,设置有,则该视频组件有控制条,设置无,则不显示控制条。
* [关键帧]()
关键帧是针对于视频空间的一个特殊属性,可以设置该视频播放到特定秒数的时候,触发特定事件来操作该页面上的元素事件。
* [文件]()
文件是属于多媒体的一个特殊属性,既选择某一个文件适配给某个多媒体控件。
* [锚点]()
锚点是适配给窗口的一个特殊属性,当窗口中有很多控件,显示某块区域的分页(横向和纵向)效果的时候就可以采用锚点来解决,设置到相关的分页像素(px)即可。
启动锚点的需要被动事件形式来处理,向前滚动,向后滚动,滚动到某某页面。
* [栏数]()
栏数是适配给富文本的特殊属性,当富文本中显示的文字或者图文混排的时候,这个栏数就可以设置他的分栏阅读的样式。
基础控件
布局组合
多媒体
动画手势
辅助功能
小工具
* [玻璃擦]()
* 自发事件:开始,进行中,结束。
* 被动事件:显示,隐藏,激活,禁止。
* 包含属性:
* 尺寸(x,y,宽,高,旋转,不透明);
* 背景(rgba);
* 边距;
* 边框(rgba,宽度,样式,圆角);
* 阴影(rgba,宽度,横移,纵移,模糊,位置);
* 内容层(rgba);
* 覆盖层(rgba);
* [地图]()
* 自发事件:无。
* 被动事件:显示,隐藏。
* 包含属性:
* 尺寸(x,y,宽,高,旋转,不透明);
* 背景(rgba);
* 边距;
* 边框(rgba,宽度,样式,圆角);
* 阴影(rgba,宽度,横移,纵移,模糊,位置);
* 经度(可以设定当前坐标的经度);
* 纬度(可以设定当前坐标的纬度);
高级功能
核心配置
设置该项目的名称,这个名称决定了在项目列表中自己项目的识别作用。
* [版本]()
设置该项目的版本信息,作为项目更新的标记管理。
* [上传路径]()
设置该项目的上传路径之后,制作的这个页面工程就可以上传到互联domino平台中的该路径下,在其他的联网终端上就可以共享查看了。
* [管理员账号]()
设置管理员账号(在domino平台的注册用户),多个账户用分号隔开。这样,当你上传应用的时候,在你设置的账号中登录的时候,在其他账号我的作品菜单中就出现了该项目的预览工程(该账号中自己上传的工程标注为绿色,别人通过管理员共享的工程为蓝色);
* [尺寸]()
设置该项目的所有页面的默认展示尺寸(宽 X 高)。
* [Retina Display]()
如果该项目是否是要在高清屏幕上显示,那么工程的图片等素材就要比普通的大一些,当勾选次选项的时候,在制作过程中,导入图片素材是会默认将原来比例缩小二分之一,当然这不并不影响制作,并且在项目运行到设备上的时候会显示的更加清晰。
* [背景颜色]()
设置该项目的主体显示背景颜色,当页面中没有覆盖素材和控件的地方会显示这里设置的背景颜色。
* [浏览器标题]()
设置该项目的浏览器标签显示的内容,注意:在微信中则是上面标的名称。默认为同名称。
* [模板]()
设置该项目的模板信息,3layers时,将兼容手机和各类浏览器的浏览模式。
整合
设置该项目的背景页面(不是颜色值),当你只做好一个打算作为背景的页面的时候就可以在这里选中它。
* [顶部]()
设置该项目的顶部页面,当你制作好一个打算作为项目中每个面都有的顶部标题或者其他类的控件组合的话,就在这里设置为这个页面即可。
* [底部]()
设置该项目的底部页面,当你制作好一个打算作为项目中每个面都有的底部标题或者其他类的控件组合的话,就在这里设置为这个页面即可。
* [页面使用]()
设置该项目中需要显示的相关页面,在手势导航和键盘导航中如果不希望用户自己滑动出来,就在这里勾选掉,这个只是控制用户的自主操作,避免打乱程序页面的流程,在自己的页面跳转制作当中还是可以调用的。
概述
每个控件都有自身触发事件和被动触发事件。
自身触发事件是提供给用户操作的事件,当用户点击某个按钮的时候,就触发了这个按钮的点击事件,自发事件例如:点击,按下,松开,长按,双击等等;每个控件都有自己的特定自发事件。
被动触发事件是提供给其他控件的操作方式,当程序制作人员需要在你自发某个事件之后显示某个控件,那么就触发了这个被显示控件的被发事件,当用户点击某个按钮之后,显示了一个图片控件,就触发了图片的被动事件,例如:显示,隐藏,激活,开始,停止,关闭。
domino的事件操作方式是按照被动事件和自身事件的相互连接,来完成一序列动作或者特定下的循环动作处理。
页面中,对象(图片,音频和视频等)和效果(动画和拖动)的播放依靠逻辑控制,前一元素通过事件激活播放后一元素(也可通过事件激活播放自己)。
“场景”是每个页面默认的第一个元素, 一切播放逻辑从“场景”开始(可理解为“场景”自动播放)。
“场景”元素支持“就绪”和“出现”两个事件,“就绪”代表预加载完成(页面未出现在屏幕上但程序预先开始加载页面)。
“出现”代表当前页开始出现在屏幕上。在元素列表中点击元素,元素名称右侧出现事件图标,点击此图标可看到该元素支持的事件,如就绪,出现,点击,开始,完成等(不同元素支持事件不同)。
场景”一旦“就绪”,关联的元素的相应事件被激活播放。依照此方式,设计好播放逻辑将页面中的所有元素串联起来,完成页面的编排。
显示,隐藏,开始播放,停止播放,单步,向后,向前,跳到,播放,暂停,停止。静音,取消静音。 开始,反向开始,停止,单步。激活,关闭。取消。+1,-1,重置。
点击,按下,松开,开始,结束,横向滚动,纵向滚动,滚动到页面,切换页面,第N页出现,开始播放,播放完成。 开始了,结束了,反向开始了,反向结束了,右翻页,左翻页,下翻页,上翻页,长按,缩小,放大。摇一摇。开始,移动,结束。超时。到N。
自身触发使用规则说明
就绪就是预加载页面的所有元素,当在就绪的事件中调用了场景中控件的显示事件,那么该控件的相关html代码就会组合为该场景的一部分,在页面出现的时候就可以直接看到该控件了。
* [通知]()
通知是在复杂的处理程序逻辑的时候,在javascript编程用到的一种特殊处理方式,当页面中需要负载处理的时候,比如请求网络实时数据,然后反馈在页面上,这个时候要发通知,然后在后台编写相应的网络请求,后台组织和处理数据,当然后台编程实际的过程中也是可以控制前台页面显示的相关控件的。
通知在编程中是十分常用的功能,是连接后台和前台的纽带。
* [出现]()
出现事件就是预加载页面(就绪)之后要执行的动作,在就绪事件处理完的控件之后,再处理出现功能调用的事件关系。
* [点击]()
点击事件是控件的基础事件之一,手机上是一个触摸后抬起的动作,pc上就是鼠标的一次单击事件。
* [按下]()
按下事件是按钮控件的基础事件之一,手机上是一个触摸不抬起时的动作,pc上就是鼠标的一次单击不抬起事件,在这个时候可以可以做事件关联,比如开启一动画,抬起时候结束动画事件等等。
* [松开]()
松开事件是和按下相互关联的事件,没有按下就没有松开。手机上是一个触摸后抬起的动作,pc上就是鼠标的一次单击事件的后半段事件。
* [开始]()
这个事件指的是序列帧(gif)和玻璃擦控件,当gif开始播放的时候,即开始事件中既可以做相关的事件关系了,或者玻璃擦组件开始擦的时候会启动这个事件。
* [结束]()
这个事件指的是序列帧(gif)和玻璃擦控件,当gif开始播放的时候,即开始事件中既可以做相关的事件关系了。
* [横向滚动]()
容器类的控件有对应的滚动事件,当窗口等容器类控件被元素充满并且超出该区域范围的时候,就会产生横向滚动的需求,这个时候可以触发该事件,但是滚动事件是个很灵敏的事件,只要有滚动就会出发,所以该事件建议和动画的单步事件一起,可以看到慢播动画的效果。
* [纵向滚动]()
容器类的控件有对应的滚动事件,当窗口等容器类控件被元素充满并且超出该区域范围的时候,就会产生纵向滚动的需求,这个时候可以触发该事件,但是滚动事件是个很灵敏的事件,只要有滚动就会出发,所以该事件建议和动画的单步事件一起,可以看到慢播动画的效果。
* [滚动到页面]()
当窗口的容器控件设置分页锚点的时候,就会出现页面数,系统会给页面分配相应ID(名称可以自己设置),滚动到相应页面的时候在出发事件中就会排列出设置的那些页面的事件。
* [切换页面]()
该事件是针对幻灯片控件的,当幻灯片切换的时候,会触发该事件。
* [第N页出现]()
该事件是针对幻灯片控件的,当幻灯片切换到某页面出现的时候就会触发该事件
* [开始播放]()
该事件是多媒体文件的触发事件,当播放声音或者视频文件的时候触发该事件。
* [播放完成]()
该事件是多媒体文件的触发事件,当播放声音或者视频文件完成的时候触发该事件
* [开始了]()
该事件是动画组件的独有事件,当一个动画被执行开始动作的时候,该事件被触发,
* [结束了]()
该事件是动画组件的独有事件,当一个动画被执行完毕之后,该事件被触发,此事件可以被利用作为循环动画(在结束之后再次开启动画本身)。
* [反向开始了]()
该事件是动画组件的独有事件,动画有正向播放就会有反向播放,只有在keyframe动画的时候才可以有效的利用反向开始动画,当一个动画被执行完毕的时候,可以被调用反向开始,即这个时候该事件被触发。
* [反向结束了]()
该事件是动画组件的独有事件,动画有反向播放完毕时候,该事件被触发,此事件可以被利用作为循环动画(在结束之后再次开启动画本身)。
* [右翻页]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上从左向右滑动的时候,触发该事件。
* [左翻页]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上从右向左滑动的时候,触发该事件。
* [下翻页]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上从上向下滑动的时候,触发该事件。
* [上翻页]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上从下向上滑动的时候,触发该事件。
* [长按]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上发生长按(2秒)的时候,触发该事件。
* [缩小]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上从两端向中间双指滑动的时候,触发该事件。
* [放大]()
该事件是触摸手势的事件,当在设置了可以触摸的组件或者控件的时候,那么在该控件上就可以实现手势操作了,当在次控件上从中间向两端滑动的时候,触发该事件。
* [摇一摇]()
该事件是微信(目前只支持微信摇一摇)的事件,当在某个环节(比如:某个动画播放完毕,提示用户摇动手机)设置了好之后,当手机摇一摇的时候就可以触发该事件。
* [开始]()
该事件是拖动组件的独有事件,当画布中摆放好拖动组件,并设置好要拖动的组件的时候,当激活拖动组件的时候,就可以拖动该目标控件,当目标控件刚被移动的时候,触发该事件。
* [移动]()
该事件是拖动组件的独有事件,当画布中摆放好拖动组件,并设置好要拖动的组件的时候,当激活拖动组件的时候,就可以拖动该目标控件,当目标控件被移动的过程中,触发该事件。
* [结束]()
该事件是拖动组件的独有事件,当画布中摆放好拖动组件,并设置好要拖动的组件的时候,当激活拖动组件的时候,就可以拖动该目标控件,当目标控件刚被移动的时候,触发该事件。
* [超时]()
该事件属于计时器组件的独有事件,当画布中放入计时器控件的时候,设置好超时时间,那么当计时器被启动后,经过设置的时间之后,就会触发该事件。
* [到N]()
该事件属于计数器组件的独有事件,当画布中放入计数器控件的时候,设置好计数的个数(值只能设置整数),那么当计数器被启动后,经过设置的数值之后,就会触发该事件
* [其他事件]()
在domino平台中有一些小工具组件(比如:图片查看器,拼图游戏,画图板,玻璃擦,地图组件等)会有一些自己的触发事件,比如:拼图游戏完成的时候会触发拼好了事件,画图板导出图片的时候会触发图片导出事件,玻璃擦的开始,进行中和结束事件等等,这些事件的使用方式和基本组件没有什么差别,一样按照调用的规则进行使用即可。
被动事件介绍
显示和隐藏是每一个控件的基础被动事件,即其他控件的触发事件都可以控制下一个控件的显示和隐藏。
* [开始播放和停止播放()
开始播放和停止播放为多媒体控件以及有序列帧类的gif等的被动事件,即其他控件的触发事件都可以控制下一个控件的显示和隐藏。
* [单步]()
单步为动画,多媒体或者有序列帧类的控件的被动事件,单步:就是说按每一帧来播放图像和动画,但是单步不可以和其他的“点”触发事件进行关联,常常要和带有滚动性质的触发事件关联,比如窗口的横向或者纵向滚动事件,可以设置和动画事件的单步事件关联在一起,在窗口的缓慢滚动下可以清楚看到序列帧的单步播放,当前迅速滚动的话也是可以看到,只不过是速度要快很多。
* [向后]()
向后是幻灯片的被动事件,比如在一个按钮控件的点击事件中做幻灯片的向后事件关联,即可实现点击按钮一张张的向后播放幻灯片。
* [向前]()
向前是幻灯片的被动事件,比如在一个按钮控件的点击事件中做幻灯片的向前事件关联,即可实现点击按钮一张张的向前播放幻灯片
* [跳到]()
跳到是幻灯片的被动事件,比如在一个按钮控件的点击事件中做幻灯片跳到某一页的事件关联,即可实现点击按钮跳到幻灯片第三张。
* [播放]()
播放是多媒体类组件的基本属性,即其他控件的触发事件都可以控制这类控件的播放事件。
* [暂停]()
暂停是多媒体类组件的基本属性,即其他控件的触发事件都可以控制这类控件的暂停事件。
* [停止]()
停止是多媒体类组件和动画以及序列帧类组件的基本属性,即其他控件的触发事件都可以控制这类控件的停止事件。
* [静音和取消静音]()
静音和取消静音是多媒体类组件视频的基本属性,即其他控件的触发事件都可以控制视频组件的静音和取消静音事件。
* [开始和反向开始]()
开始和反向开始动画的被动事件,如果和自身事件互相做事件关联,就可以实现不间断的动画效果。
* [激活和关闭]()
激活和关闭是功能性组件以及辅助性组件的基本属性。当要启用一个功能性组件的时候,就可以调用他的激活事件,比如点击按钮激活拖动组件。当要关闭一个功能性组件的时候,就可以调用他的关闭事件,关闭以后该组件功能就不再生效了。 (注:页面组件只有激活事件,没有关闭事件。)
* [取消]()
取消是计时器的主要被动事件,类似于功能组件的激活和关闭中的关闭事件,当该事件被调用的时候,计时器将不再工作。
* [+1和-1]()
+1和-1 是计数器的主要被动事件,当开启一个计数器之后,通过这两个被动事件来修改计数器统计值的变化。
* [重置]()
重置是计数器的基本被动事件,当开启一个计数器之后,通过这个动事件来修改计数器统计值的为设定的初始值。
方法概述
暂略;