Sprite子节点透明度不能跟随父节点变化的问题求解（转）

最新推荐文章于 2022-12-06 20:46:13 发布

weixin_30569033

最新推荐文章于 2022-12-06 20:46:13 发布

阅读量554

点赞数

CC 4.0 BY-SA版权

文章标签：游戏 lua

原文链接：http://www.cnblogs.com/mingfuqishi/p/10077177.html

本文介绍了解决Sprite子节点透明度无法跟随父节点变化的问题。通过设置this.setCascadeOpacityEnabled(true)和this.setCascadeColorEnabled(true)，实现了子节点透明度随父节点变化的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原出处忘记了。

[已解决]Sprite子节点透明度不能跟随父节点变化的问题求解

自己封装了一个按钮控件，点击的时候封装了一些动作，其中有透明度的变化。

当点击发生的时候，Sprite本体执行正常，但是添加在它身上的子节点，在执行透明度变化的时候没有效果，其他动作可以，不知各位是否遇到过此种情况，

在父节点设置下列方法：this.setCascadeOpacityEnabled(true);

最好的方法是：this.setCascadeColorEnabled(true);
this.setCascadeOpacityEnabled(true);

两者同时设置。

转载于:https://www.cnblogs.com/mingfuqishi/p/10077177.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30569033

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【Unity&NGUI】改变NGUI的圆环Sprite透明度的几种方法以及利弊

BuladeMian的博客，菜得抠脚，菜得真实

02-15

4486

改变NGUI的Sprite透明度几种方法以及利弊 1.为NGUI的Sprite添加Tween Alpha组件想要一只使得精灵保持某种 透明度，直接在下图中的第二个红色方框内调整使其数值相同，Tweener的Play Style设置为Once 使其闪烁，循环，改变 Play Style即可效果如下所示当然调用 NGUI的Sprite的Tween Alpha组

子元素继承父元素设置的透明度

蜗壳的博客

02-28

310

当父元素设置透明度时，子元素会继承父元素的透明度。可以将父元素的透明度opacity: 0.7;改成background:rgba(0,0,0,0.7)

参与评论您还未登录，请先登录后发表或查看评论

Unity UGUI 父对象的透明度能直接影响到子对象的显示

doublefay的专栏

05-14

8638

没错，跟NGUI的 UIWidget 有类似功能的组件是 CanvasGroup ！！！！！

libgdx中关于Sprite透明度无效的一深坑

jinciyulang的专栏

10-26

2105

在libgdx初学者群里经常会见到有人问,为什么我设置了Sprite透明度没有效果?曾经我也落入此坑中久久未能爬出来.在此备忘一下. 下面是一段绘制已设置好Sprite透明度的代码. batch.begin(); batch.setColor(sprite.getColor().r,sprite.getColor().g,sprite.getColor().b,sprite.getColo

Unity中特效透明度动态设置

qq_38721111的博客

12-06

2582

在Unity开发中，特效的透明度无法直接使用代码或者动画直接控制很不方便，便制作了一个一个脚本，专用来控制一个节点下的所有子节点的透明度。在其父节点添加即可

Unity控制物体透明度的探索（包含递归遍历的方法）

末零的博客

07-14

3051

由于项目要求，要实现对物体透明度的控制，就开始了探索之路。首先考虑到的是改变其Color中的alpha值，但是未能实现控制，因其Rending Mode属性为Opaque，所以要改变此属性。下面为该部分代码：public static void SetMaterialRenderingMode(Material material, RenderingMode renderingMode) {

joysticknode:用于Sprite Kit游戏的虚拟游戏杆Sprite Kit节点

05-09

##为Apple Sprite Kit框架制作的简单虚拟游戏杆创建一个由2个圆圈组成的虚拟屏幕操纵杆，您可以使用所需的任何精灵名称进行配置。选项包括当用户轻按时将控件动态显示并使其居中或可以用作固定控制器的功能。该...

Shadero Sprite 1.5.0 - 节点的实时着色器工具 Unity3D

04-26

- 添加节点：RGBA>颜色>打开透明 - 添加节点：RGBA>颜色> HDR控制值 - 添加节点：RGBA>颜色> HDR创建 - 将强制更改参数添加到构建着色器节点（实验） - 添加闪电支持 - 修复节点：UV> FX（UV）>像素XY精度 - 修复了...

jQuery图片360度旋转可跟随鼠标旋转

08-23

今天我们要再来介绍一款基于jQuery的360度图片旋转插件，这款jQuery图片旋转插件的原来和之前...回顾之前分享的另外几款图片旋转插件：jQuery 360度图片旋转插件sprite spin、jQuery 360度图片旋转插件dopelessRotate。

HLSpriteKit:SpriteKit场景和节点子类，以及各种实用程序

03-07

SpriteKit场景和节点子类，以及各种实用程序。特征 HLLayoutManager 布局管理器提供了一种用于布置节点的单一方法（ layout ）。它可以连接到任何SKNode使用类类别SKNode+HLLayoutManager 。当前提供的布局...

setColor 颜色设置向子节点传递生效

汐客SeaKr的博客

07-01

695

子节点跟随父节点颜色设置变化 rootNode:setCascadeColorEnabled(true) 注意：且只对rootNode的孩子有效，孩子的孩子，隔代时不起作用 -- 如果是关闭状态,子节点的颜色不受父节点影响,开启父节点级联颜色开关，设置颜色 rootNode:setColor(cc.c3b(125, 125, 125)) ...

cocos2d设置子节点不随父节点的透明度和可见性改变

Lin&Yi的专栏

11-24

5578

Vector childrenVec = m_MaskBg->getChildren(); for (int i = 0; i < childrenVec.size(); i++) { childrenVec.at(i)->setCascadeColorEnabled(false); childrenVec.at(i)->setCascadeOpac

setCascadeOpacityEnabled

weixin_30955341的博客

08-30

695

setCascadeOpacityEnabled Enable or disable cascade opacity, if cascade enabled, child nodes' opacity will be the multiplication of parent opacity and its own opacity. 转载于:https://www.cnblogs.co...

Unity3D将物体的所有子物体设置为半透明

yuanpan的专栏

01-03

5052

第一步: 添加一个类,挂到物体的父物体上.如下 using System.Collections; using System.Collections.Generic; using UnityEngine; public class BaseWallControl : MonoBehaviour { // Use this for initialization void St...

父控件设置透明度导致子控件透明 Alpha

杨岳龙

05-15

4633

父控件设置透明度导致子控件透明，子控件并不需要设置成透明 t1 这样设置就导致了里层的TextView也透明 t2 t3 需求的样式是这样的，文字与图片都不设置透明度 t4 将背景设置透明度，这样就可以达到t4的效果，该属性值为 0-255 0不透明 255 为全透明注意： getBackground（）.setAlpha（）； t5 ...

untiy初识之同时修改一个控件及其孩子的alpha值

只爱艾薇儿

03-06

676

如果其他控件是普通母控件的孩子，没有办法只改变母控件的alpha值让孩子也收影响，unity中的实现跟cocos和egret是不一样的，一种方法，通过母控件，获取所有在自己身上的子控件，递归遍历每一个，挨个去设置alpha值第二种方式，就是在母控件上加一个canvas group 通过它来设置它的alpha值。 https://docs.unity3d.com/ScriptRef...

unity2d，调整sprite透明度的方法

彩虹工厂

06-16

7758

private SpriteRenderer thisrenderer;private Color c;//声明一个空的renderer和一个空的color// Use this for initializationvoid Start () {thisrenderer = gameObject.GetComponent (); //将调用本脚本对象自身的spriterender绑定到一开始声明的

cocos2d-x-2.2.6子类随父类透明度变化而变化setCascadeOpacityEnabled(true)

qq_33335724的博客

08-29

5347

setCascadeOpacityEnabled

Cocos2d-x开发---改变父节点颜色、透明度影响子节点

Coding

11-12

4860

设置父节点颜色、透明度，影响子节点

js 包围框大小改变，里面的子节点变化

最新发布

04-02

<think>嗯，用户的问题是关于在JavaScript中，当包围框（bounding box）的大小改变时，如何处理子节点的更新。我需要先理解包围框的概念以及它在JavaScript中的应用场景。包围框通常指的是一个元素的边界框，比如在游戏开发中，精灵（sprite）或其他图形元素的包围盒，用于碰撞检测或布局调整。首先，用户提到的引用来自Cocos2d相关的文档，特别是cc.SpriteBatchNode和子节点的管理。看起来用户可能在使用Cocos2d-JS这样的框架，遇到在包围框大小变化时需要更新子节点的问题。比如，当父节点的尺寸变化时，子节点的位置或大小可能需要相应调整，或者需要检测子节点是否超出了父节点的范围。接下来，我需要考虑如何在JavaScript中实现这种动态更新。可能的方法包括监听尺寸变化事件，手动调整子节点的属性，或者使用框架提供的布局系统。例如，在Cocos Creator中，可以通过设置布局组件来自动调整子节点的位置和大小。如果没有使用框架，可能需要自己编写逻辑来响应尺寸变化，并遍历子节点进行更新。另外，引用中提到了addChild方法的相关错误，比如子节点必须使用相同的纹理，或者节点类型的问题。这可能意味着在调整子节点时，还需要确保它们符合父节点的某些条件，比如纹理一致性，这可能会影响子节点的更新方式。然后，我需要考虑具体的实现步骤。首先，如何检测包围框大小的变化。如果框架本身没有提供事件监听，可能需要定期检查尺寸，或者在修改尺寸时手动触发更新。其次，如何处理子节点的更新，比如重新计算位置、调整缩放比例，或者处理溢出情况。此外，还需要注意性能问题，避免频繁的重排或重绘影响性能。可能还需要考虑不同的应用场景，比如UI布局和游戏中的精灵管理。在UI布局中，可能需要使用自动布局系统，而在游戏开发中，可能需要更手动地控制子节点的位置和状态。例如，当父节点是一个可拖拽的容器时，子节点可能需要根据父节点的新尺寸重新排列，或者调整自身的可见性。最后，根据用户提供的引用，特别是引用[3]提到的addChild等方法，可以建议用户使用框架提供的节点管理方法，如getChildByTag和removeChild，来动态调整子节点。同时，结合尺寸变化事件，调用这些方法进行更新。总结来说，解决方案可能包括以下几个步骤：检测包围框尺寸变化、遍历子节点并更新属性、使用布局系统或手动调整位置、处理溢出或裁剪，以及性能优化。需要根据具体的框架和场景选择合适的实现方式。</think>在JavaScript中处理包围框大小变化时更新子节点，可通过以下方法实现： ### 一、基本实现原理 1. 使用`ResizeObserver` API监听尺寸变化： ```javascript const observer = new ResizeObserver(entries => { entries.forEach(entry => { updateChildNodes(entry.target); }); }); observer.observe(parentNode); ``` 2. 手动更新机制结合节点关系： ```javascript function updateLayout(parent) { const bbox = parent.getBoundingClientRect(); parent.children.forEach(child => { child.style.width = `${bbox.width * 0.8}px`; // 按比例调整 }); } ``` ### 二、具体实现步骤 1. **坐标系转换**（适用于游戏开发）： ```javascript convertToNodeSpace(worldPos) { const localX = (worldPos.x - this.x) / this.scaleX; const localY = (worldPos.y - this.y) / this.scaleY; return cc.v2(localX, localY); } ``` 2. **自动布局系统**（参考Cocos Creator）： ```javascript // 创建垂直布局组件 const layout = node.addComponent(cc.Layout); layout.type = cc.Layout.Type.VERTICAL; layout.resizeMode = cc.Layout.ResizeType.CONTAINER; // 自动调整容器大小[^3] ``` ### 三、特殊场景处理 1. **动态裁剪**（当子元素超出父容器时）： ```javascript parentNode.style.overflow = 'hidden'; parentNode.addEventListener('resize', () => { children.forEach(child => { if (!isVisible(child, parentNode)) { child.style.visibility = 'hidden'; } }); }); ``` 2. **性能优化方案**： ```javascript let updateTimer; function onResize() { clearTimeout(updateTimer); updateTimer = setTimeout(() => { batchUpdateChildren(); }, 100); // 100ms防抖 } ``` ### 四、框架集成方案（以Cocos2d-JS为例） ```javascript cc.Class({ extends: cc.Component, properties: { content: cc.Node }, onLoad() { this.node.on(cc.Node.EventType.SIZE_CHANGED, () => { this.content.children.forEach(child => { child.setPosition(this._calculateNewPosition(child)); }); this._checkTextureConsistency(); // 确保纹理一致性[^2] }); } }); ```