如何在编辑器上隐藏组件面板

87491000 · 2024年12月20日 12:12

写了个组件，组件里面动态创建了另外一个组件，但是这个组件无需使用者关心，我应该如何隐藏掉这个组件的面板呢。或者属性

这样子操作，并没有隐藏掉Label组件。

我想隐藏掉创建出来的这个组件面板

我不想使用Vue啊，没接触过，只想简单搞搞，想重新写自定义面板

87491000 · 2024年12月20日 17:55

顶一下下哟~

27185709 · 2024年12月21日 01:03

既然不需要出现属性面板，普通Class就行了不要extend Component

lyzz0612 · 2024年12月24日 07:53

如果是你是只要本地生效的话，可以改下自定义/内置引擎这里的对应的判断。这个是选中node对应的详情面板，只在编辑器用的，不会打进包里。比如if条件里可以加个类似判断 && comp.hideFlags != HideInHierarchy

github.com

cocos/cocos-engine/blob/ea805eebc21ddc3782057c5a8b05f59cb5519b24/editor/inspector/contributions/node.js#L1156-L1166


const componentList = [];
for (let i = 0; i < panel.dump.__comps__.length; i++) {
    const comp = panel.dump.__comps__[i];
    if (
        panel.dumps.every((dump) => {
            return dump.__comps__[i] && dump.__comps__[i].type === comp.type;
        })
    ) {
        componentList.push(comp);
    }
}

87491000 · 2024年12月21日 07:44

但是那个class需要继承某个ui组件

87491000 · 2024年12月21日 08:45

真厉害，这个代码都能找得到~
(comp.value._objFlags.value & 1024) !== 1024
判断放上去就可以了。