如何切换面板的可见性

Question

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

"Panel_A" 中按钮的 onClick 命令是什么，它允许我切换 "Panel_B" 的可见性？

替代方案（如果这样可以简化事情）：

"Panel A" 中的

"Button A" 将 "Panel B" 的可见性切换为 true。

"Panel B" 中的

"Button B" 将 "Panel B" 的可见性切换为隐藏。

感谢您的帮助！

Answer 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;

将小部件可见性绑定到页面的自定义属性:

假设您的页面上有 'ShowB' 布尔自定义属性并且面板的 B 可见性属性与其绑定：

// 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，因为它提供了更高级别的抽象，使代码更易于阅读和重构。

如何切换面板的可见性

How to toggle a panel's visibility

google-app-maker