养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-09-23 14:29:08

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

方法/步骤

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

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

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

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

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

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

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

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

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

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

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

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

© 一点知识