如何使用Google Apps脚本在Gmail加载项中创建此UI

时间:2018-06-25 07:12:19

标签: google-apps-script gmail-addons

有人可以告诉我如何使用Google Apps脚本在Gmail附件中实现以下UI吗?我尝试了图标的KeyValue带有可单击的文本,我能够实现这一点,但是我不知道如何在keyValue图标旁边放置电子邮件文本。 现在,我不在乎带有计数器和电子邮件文本的图标的位置,我希望它们在同一行中是无关紧要的是我的代码,它只在左侧显示带有计数器的图标,但无法在任何地方添加电子邮件文本。

var card = CardService.newCardBuilder()
.setHeader(
  CardService.newCardHeader()
    .setTitle('some Title')
);

 var section = CardService.newCardSection();

 var keyValue = CardService.newKeyValue()
  .setContent(getNumberOfPosts())
  .setIconUrl('https://ayz.png')
  .setOnClickAction(action);

 section.addWidget(keyValue);
 card.addSection(section);

enter image description here

1 个答案:

答案 0 :(得分:1)

看看这个截图

enter image description here

我的眼睛使用了表情符号(附加支持表情符号)。这能给您您想要的东西吗?

          settingSection.addWidget(CardService.newKeyValue()
                                      .setContent("User@email.com")
                                      .setOnClickAction(saveAction)
                                      .setButton(CardService.newTextButton()
                                                 .setText("️ 2")
                                                 .setOnClickAction(saveAction))
                                       );