在Google Sheets插件中制作一个浮动控制面板，其大小和位置可以通过鼠标更改

Question

我想制作一个 Google 表格插件。大多数现有的 Google 表格插件会在 Google 表格右侧打开一个侧边栏。但是侧边栏很窄（即

300px

），我们无法改变它的宽度，一点也不方便。

所以我正在考虑如何提出一个更大的面板来托管我的附加组件。我已经看到并尝试过这个附加组件。它会在工作表内容上方打开一个类似对话框的窗口，大小和位置是可变的。

在另一块隐藏板上，我在 Apps 脚本中尝试了以下代码。它确实会打开一个对话框，但无法通过鼠标更改大小或位置。

function onOpen() {
  var ui = SpreadsheetApp.getUi();
  // Or DocumentApp or FormApp.
  ui.createMenu('My Custom Menu')
      .addItem('Show Dialog', 'showDialog')
      .addToUi();
}

function showDialog() {
  // Create HTML output object
  var htmlOutput = HtmlService.createHtmlOutput('<p>Hello, World!</p>')
      .setWidth(400) // Set width
      .setHeight(300); // Set height
  
  // Display modal dialog with the title 'My Dialog'
  SpreadsheetApp.getUi().showModalDialog(htmlOutput, 'My Dialog');
}

有谁知道如何制作一个像示例插件一样的浮动面板，其大小和位置可以通过鼠标更改？

Answer 1

来自@Mogsdad的回答：

您可以通过 Google Apps 脚本对 Google 表格 UI 执行的所有操作都记录在扩展 Google 表格中。

另一方面，使用 Apps 脚本时，无法使用鼠标直接调整 Google Sheets 中已启动的

modal dialog

框的大小或位置。

您可以使用 Apps 脚本中的

setWidth

、

setHeight

方法 以编程方式设置对话框的初始大小（如您在示例代码中使用的那样）。

有关

ModalDialog box

的更多信息：Ui 类

除了我在评论部分分享的链接之外，以下是其他参考资料：

• 我可以在 Google 表格中重新定位非模式对话框吗？
• 我可以以某种方式停靠搜索框（ctrl + f）或在 Google 表格的顶部菜单中创建一个新的搜索框，以便它始终可见吗？