多语言展示
当前在线:760今日阅读:59今日分享:29

iH5初级教程:排版必备,掌握H5的对象树

下面我们来一起学习一下iH5初级教程的第一节,排版必备,掌握H5的对象树的具体步骤
方法/步骤
1

1.对象树是管理整个作品核心的工具,所以添加的素材都会显示在对象树当中,他们会以树的形式排列,用黑色和白色的小三角可以对他们进行展开和收拢2、根对象是舞台,舞台下有三个一级子对象,蓝色背景条、页面1、页面2。把页面1和页面2展开,会看到里面有进一步的子对象。3、子对象就像黏在父对象上一样,移动树这个父对象,下面两个文本子对象也会跟着一起移动。子对象下也可以添加子对象,而不影响整个大的的结构。

2

页面一次只能显示一个,选中页面2的时候,页面1是不出现的。会一直显示。舞台属性面板滑动页面选择左右(跟随),预览时就可以左右切换页面,注意,页面从下往上显示,即放在对象树最下面的是首页。

3

蓝色的背景图加在舞台下,所以不会因为页面的切换而变化,会一直显示。如果移动蓝色背景条,他会盖在页面之上。同级对象,排在对象树上面的对象会盖住下面的对象。同级对象可以通过鼠标操作拖拽来换顺序。

4

不同级的对象,例如把页面2的文本1放到页面1之下,不可以直接拖拽。要改变一个对象的父对象,要右键剪切,选择另一个父对象再右键粘贴。如果发现找不到黏贴的对象,可以调整此对象的坐标为(0,0),它就会出现在其父对象的左上角,如果父对象是舞台或页面,就会出现在舞台的左上角。

5

知识点:1、 对象:案例中的对象包括两种类型,第一种是媒体对象,包括图片对象、视频对象、音频对象、html网页对象和图形对象等;另一种是功能性对象,包括时间轴,运动轨迹,事件,页面,对象组等。媒体对象都是可以在编辑器中或案例播放状态中被显示的对象,是构成一个iH5案例的基本媒体素材,你可以通过媒体对象和功能性对象的组合制作成一个iH5案例。2、 父对象:除了根节点对象(即舞台),对象树中其他所有的对象都必须添加在另一个对象之下,即从另一个对象分支出来,作为另一个对象的子对象。相应的,任意对象所连接的上一级对象即这个对象的父对象。由于父对象和子对象的关系,父对象的状态会传递给子对象,例如:将父对象的透明度降低,子对象的透明度也会跟随者降低;但是编辑子对象,父对象不会受影响。3、 子对象:除了根节点对象(即舞台),对象树中其他所有的对象都必须添加在另一个对象之下,即从另一个对象分支出来,分支出来的对象作为这个对象的子对象。4、 对象层级:(1) 同级对象:a、 对象树上面的对象会遮挡下面的对象。例如图片、文本等对象。b、 页面一次只显示一个,页面从下往上显示,即对象树最下面的页面是首页。(事件由下往上发生,即同一个触发对象下的事件,排着最下面的事件先发生。) (2) 父子对象:a、 子对象优于父对象显示,即子对象会遮挡父对象。b、 移动父对象,子对象跟着移动,移动子对象,父对象不受影响,即子对象像黏在父对象上一样。

推荐信息