Fix the UIOpacity issue when the node is re-added to the scene.

[yoki0805]

issue:
https://forum.cocos.org/t/topic/159379/745

if (JSB) { render.node._uiProps.localOpacity = render.renderEntity.localOpacity; }
'render.node._uiProps.localOpacity' still needs to be updated on native for fix another issue.
#17503

If possible, it would be great to have this fix synced to v3.8.4 as well.
@minggo

Changelog

---

Continuous Integration

This pull request:

• needs automatic test cases check.

  Manual trigger with @cocos-robot run test cases afterward.

• does not change any runtime related code or build configuration

  If any reviewer thinks the CI checks are needed, please uncheck this option, then close and reopen the issue.

---

Compatibility Check

This pull request:

• changes public API, and have ensured backward compatibility with deprecated features.
• affects platform compatibility, e.g. system version, browser version, platform sdk version, platform toolchain, language version, hardware compatibility etc.
• affects file structure of the build package or build configuration which requires user project upgrade.
• introduces breaking changes, please list all changes, affected features and the scope of violation.

[github-actions]

Interface Check Report

This pull request does not change any public interfaces !

[minggo]

@yoki0805 thanks for the PR. As v3.8.4 is releasing, so i can't merge it to v3.8.4.

[yoki0805]

@yoki0805 thanks for the PR. As v3.8.4 is releasing, so i can't merge it to v3.8.4.

When v3.8.4 is released, could this issue be included in the known issues list?

[minggo]

It may be released tomorrow. I will add it to known list in release note if we have.

[qiuguohua]

@yoki0805 Sorry I clicked wrong. My suggestion is to add the judgment in _parentChanged.

    protected _parentChanged (): void {
        if (!JSB) {
            return;
        }

The setEntityLocalOpacityDirtyRecursively function should not work on web platforms!

[yoki0805]

1. The JSB checking is added.

    protected _parentChanged (): void {
        if (!JSB) {
            return;
        }

2. Fixed an issue on native platform where a node wasn't affected by its parent's transparency when added to the scene.

• The node will wait for 2 seconds and then fade out after being added to the scene. (The node is affected by its parent's transparency.)
• Test demo: UIOpacity.zip

@qiuguohua

[qiuguohua]

It should be possible to remove it here? @yoki0805

[yoki0805]

I got what you mean.
UIOpacity.setEntityLocalOpacityDirtyRecursively is only called on native platform.
I will remove the JSB checking here, thank you.

[qiuguohua]

It is recommended to change it to something like the following

        this.node.on(NodeEventType.PARENT_CHANGED, this._parentChanged, this);
        if (this._parentOpacityResetFlag) {
            this._parentChanged();
            this._parentOpacityResetFlag = false;
        } else {
            this.node._uiProps.localOpacity = this._parentOpacity * this._opacity / 255;
            this._setEntityLocalOpacityRecursively(this.node._uiProps.localOpacity);
        }

[yoki0805]

public onEnable (): void {
    this.node.on(NodeEventType.PARENT_CHANGED, this._parentChanged, this);
    if (this._parentOpacityResetFlag) {
        this._parentChanged();
        this._parentOpacityResetFlag = false;
    } else {
        this.node._uiProps.localOpacity = this._parentOpacity * this._opacity / 255;
        this._setEntityLocalOpacityRecursively(this.node._uiProps.localOpacity);
    }
}

I changed to that, and I got the different results in test demo.
on web platform:

on native platform:

The result on native platform is right.

[qiuguohua]

Sorry, should also need to set this.node._uiProps.localOpacity.

public onEnable (): void {
    this.node.on(NodeEventType.PARENT_CHANGED, this._parentChanged, this);
    this.node._uiProps.localOpacity = this._parentOpacity * this._opacity / 255;
    if (this._parentOpacityResetFlag) {
        this._parentChanged();
        this._parentOpacityResetFlag = false;
    } else {
        this._setEntityLocalOpacityRecursively(this.node._uiProps.localOpacity);
    }
}

[yoki0805]

It looks good in test demo, thanks!

[minggo]

@qiuguohua please update release note.