Lines Matching refs:renderNode
7 This is where [RenderNode](../reference/apis-arkui/js-apis-arkui-renderNode.md) becomes beneficial.…
11 … node. You can use the [dispose](../reference/apis-arkui/js-apis-arkui-renderNode.md#dispose12) AP…
26 const renderNode = new RenderNode();
27 renderNode.frame = { x: 0, y: 0, width: 200, height: 350 };
28 renderNode.backgroundColor = 0xffff0000;
36 renderNode.appendChild(node);
47 rootRenderNode.appendChild(renderNode);
65 const child = renderNode.getChild(1);
82 …renderNode.md#backgroundcolor), [clipToFrame](../reference/apis-arkui/js-apis-arkui-renderNode.md#…
104 const renderNode = new RenderNode();
105 renderNode.backgroundColor = 0xffff0000;
106 renderNode.size = { width: 100, height: 100 };
116 rootRenderNode.appendChild(renderNode);
136 renderNode.position = { x: 10, y: 10 };
137 console.log("renderNode position:" + JSON.stringify(renderNode.position));
142 renderNode.pivot = { x: 0.5, y: 0.6 };
143 console.log("renderNode pivot:" + JSON.stringify(renderNode.pivot));
148 renderNode.scale = { x: 0.5, y: 1 };
149 console.log("renderNode scale:" + JSON.stringify(renderNode.scale));
154 renderNode.translation = { x: 100, y: 0 };
155 console.log("renderNode translation:" + JSON.stringify(renderNode.translation));
160 renderNode.rotation = { x: 45, y: 0, z: 0 };
161 console.log("renderNode rotation:" + JSON.stringify(renderNode.rotation));
166 renderNode.transform = [
172 console.log("renderNode transform:" + JSON.stringify(renderNode.transform));
177 renderNode.shadowElevation = 10;
178 renderNode.shadowColor = 0XFF00FF00;
179 renderNode.shadowOffset = { x: 10, y: 10 };
180 renderNode.shadowAlpha = 0.1;
181 console.log("renderNode shadowElevation:" + JSON.stringify(renderNode.shadowElevation));
182 console.log("renderNode shadowColor:" + JSON.stringify(renderNode.shadowColor));
183 console.log("renderNode shadowOffset:" + JSON.stringify(renderNode.shadowOffset));
184 console.log("renderNode shadowAlpha:" + JSON.stringify(renderNode.shadowAlpha));
189 renderNode.shadowOffset = { x: 10, y: 10 };
190 renderNode.shadowAlpha = 0.7
191 renderNode.shadowRadius = 30;
192 console.log("renderNode shadowOffset:" + JSON.stringify(renderNode.shadowOffset));
193 console.log("renderNode shadowAlpha:" + JSON.stringify(renderNode.shadowAlpha));
194 console.log("renderNode shadowRadius:" + JSON.stringify(renderNode.shadowRadius));
199 renderNode.borderWidth = { left: 8, top: 8, right: 8, bottom: 8 };
200 renderNode.borderStyle = {
206 …renderNode.borderColor = { left: 0xFF0000FF, top: 0xFF0000FF, right: 0xFF0000FF, bottom: 0xFF0000F…
207 renderNode.borderRadius = { topLeft: 32, topRight: 32, bottomLeft: 32, bottomRight: 32 };
208 console.log("renderNode borderWidth:" + JSON.stringify(renderNode.borderWidth));
209 console.log("renderNode borderStyle:" + JSON.stringify(renderNode.borderStyle));
210 console.log("renderNode borderColor:" + JSON.stringify(renderNode.borderColor));
211 console.log("renderNode borderRadius:" + JSON.stringify(renderNode.borderRadius));
216 renderNode.shapeMask = mask;
217 console.log("renderNode shapeMask:" + JSON.stringify(renderNode.shapeMask));
222 renderNode.shapeClip = clip;
223 console.log("renderNode shapeMask:" + JSON.stringify(renderNode.shapeMask));
235 …i-renderNode.md#draw) API in **RenderNode** to customize the drawing content and use the [invalida…
264 const renderNode = new MyRenderNode();
265 renderNode.frame = { x: 0, y: 0, width: 300, height: 300 };
266 renderNode.backgroundColor = 0xff0000ff;
267 renderNode.opacity = 0.5;
278 rootRenderNode.appendChild(renderNode);
297 renderNode.invalidate();
298 renderNode.invalidate();
431 const renderNode = new MyRenderNode();
432 renderNode.size = { width: 100, height: 100 }
433 rootRenderNode.appendChild(renderNode);
454 You can use the [label](../reference/apis-arkui/js-apis-arkui-renderNode.md#label12) API to assign …
464 const renderNode: RenderNode | null = this.rootNode.getRenderNode();
465 if (renderNode !== null) {
471 renderNode.appendChild(renderChildNode);