节点作为通用实体,具有通用的属性。
在空项目中,选中左侧的资源管理器的Canvas节点,就能够在右侧的属性检查器看到节点的部分属性。
cocos creator节点部分属性为什么说是节点Node的部分属性,因为在编辑器暴露的属性,就说明这些属性在编辑器修改比在代码修改更加方面。实际上Node非常多的属性和方法。
首先左上角的勾选框表示节点的是否活动的属性。
节点的活动属性在代码中以node.active的方式访问和修改
如果node.active为false
则:
1.这个节点的所有组件不再起作用(所以组件不再渲染,交互不再响应)
2.这个节点的所有子节点同1
在勾选框右侧是节点的名字,和层级管理器中显示的名字一致
节点的名字在代码中以node.name的方式访问和修改
往下一列是节点的位置属性
节点的位置在代码中以node.position的方式访问。
会得到一个cc.Vec2类型的对象,里面有x属性和y属性。
也可通过node.position.x或者node.position.y直接访问和修改对应数值属性。单位为像素
而如果要同时修改x和y则需要使用cc.Vec2(x,y)实例
比如:node.position = new cc.Vec2(100,200)
或者:node.position = new cc.v2(100,200)
注意坐标的原点是父节点的锚点。
往下一列是旋转角度属性
j节点的旋转角度在代码中以node.rotation访问和修改,编辑器取值范围为-179~180度
注意旋转的零度为父节点的指向角度
往下一列是缩放属性
节点的缩放属性在代码中以node.scale访问和修改,或者直接用node.scaleX和node.scaleY直接访问和修改单个属性
缩放会同时影响当前节点以及其所有子节点的宽高变形程度。
往下一列是锚点属性
节点的锚点属性节点位置和旋转的基准点,取值范围为(0,0)到(1,1)。
在代码中以node.anchor访问和修改。
往下一列是尺寸属性
节点的尺寸属性节点的内容尺寸,以像素为单位,对排版来说至关重要,修改size不会牵连子节点。
在代码中以node.width和node.height访问和修改。
往下一列是颜色属性
节点的颜色属性会影响节点上渲染组件的颜色显示。
点击color后面的颜色槽会弹出取色器面板
color属性的取色器面板在代码中以node.color访问
以cc.Color.RED枚举赋值
或new cc.Color(r,g,b,a)实例赋值
或 cc.hexToColor("#cccccc");实例赋值
在往下是不透明度属性
节点的透明度属性不透明度会同时影响本节点和所以子节点
在代码中以node.opacity访问,取值为0~255
在往下是斜切属性
节点的斜切属性我没用过,x和y的值好像是角度 -90到90度取值。
在往下是碰撞的分组 和碰撞组件有关
节点的碰撞分组现在我用的是1.4版本,不知道1.5出的物理引擎组件会不会删掉这个。
节点的编辑器属性就这些。
网友评论