如何切换面板的可见性

Question

我正在尝试设置隐藏菜单：

“Panel_A”中按钮的onClick命令是什么，可以让我切换“Panel_B”的可见性？

替代方案（如果这简化了事情）：

“面板A”中的“按钮A”将“面板B”的可见性切换为真。

“面板B”中的“按钮B”将“面板B”的可见性切换为隐藏。

感谢您的帮助！

Answer 1

至少有两种方法可以做到这一点。

1. 直接操作小部件可见性属性：

// Button A click handler(toggles Panel B visibility)
var panelB = app.currentPage.descendants.PanelB;
panelB.visible = !panelB.visible;

// Button B click handler(hides Panel B)
app.currentPage.descendants.PanelB.visible = false;

1. 将小部件的可见性绑定到网页的自定义属性：

假设您的页面上有'ShowB'布尔自定义属性，并且Panel的B visiblity属性绑定到它：

// Button A click handler(toggles Panel B visibility)
var props = app.currentPage.properties;
props.ShowB = !props.ShowB;

// Button B click handler(hides Panel B)
var props = app.currentPage.properties;
props.ShowB = false;

我个人更喜欢选项2，因为它提供了更高级别的抽象，使代码更易于阅读和重构。