【App Inventor数据可视化】 使用电子表格和图表附录A：将app...

学习目标：

• 将app连接到自己的电子表格

  • 查找电子表格id

  • 添加表头

  • 问题排除

• 建议学习主要任务“数据在行动：在MIT App Inventor中使用电子表格和图表”，以熟悉Spreadsheet 和 Chart组件。

• 本指南可以让你将app连接到任何你创建的电子表格或现有的Google Sheets电子表格。

1. 在你的谷歌账户上创建一个电子表格。

• 在你的谷歌账户中，创建一个空的谷歌表格电子表格：
  

  

2. 获取app模板(或任何使用该模板的app)

• 找到附录文件夹中提供的文件(Basic_Data_Visualizer_App_template.aia，可在附件中下载压缩文件)。模板节省了时间，因为它已经包含了正确的组件。
  

• 当然，一旦你导入模板，你可以修改模板，使app显示任何你想要的数据。例如，你可以创建一个app，按类型或国家显示当前濒危物种的数量。

  • 或者是一款app，它可以使用纽约市常见的狗狗名字的数据库来推荐狗狗的名字。
    

  • 或者是一款app，提供你最喜欢的运动(例如足球或篮球)的球员统计数据。

3. 为你的新电子表格添加SpreadsheetID

• 单击组件设计视图中的Spreadsheet1组件。

• 在电子表格属性中，单击SpreadsheetID并删除当前框中的ID(如果有)：
  

• 请注意：如果你的文件没有属性CredentialsJson的条目，这不是问题。有关此属性的详细信息，请参阅附录B。

• 接下来，提供一个新的电子表格id。

  • 你可以在自己的电子表格上或使用下面的示例汽车数据来练习以下步骤。

  • 电子表格样板：这张汽车数据电子表格显示了2023年销售的19款汽车和卡车的燃油经济性和重量。（注：表格可在附件中下载）
    
    (重量数据来源于制造商的“整备重量”——车辆本身不含人员或齿轮。燃油经济性数据来自位于密歇根州安娜堡的美国环保署国家车辆和燃料排放实验室。)

  • 在浏览器窗口中找到电子表格的网址:
    

  • 仔细观察高亮的部分，并复制(Ctrl-c或⌘-c)地址中“d/”之后和下一个“/”之前的字母和数字，这是电子表格ID。不要复制那些讨厌的反斜杠!
    

  • 粘贴(Ctrl-v或⌘-v)到属性窗口中的SpreadsheetID中。

4. 让你的电子表格全局可见

• 如果你在这个项目中使用自己的Google Sheets电子表格，点击Share按钮
  

• 给“Anyone with the link任何有链接的人”一般访问权限
  

• 你的访问页面应该是这样的：
  

  请注意:

  • 如果你想把你的app连接到一个私人(“受限”)电子表格，按照附录B获得一个免费的Google Sheets证书。

5. 编写app代码来导入新工作表。

• 在App Inventor中切换到Blocks视图。

• 确保在ReadSheet栏输入表格的名字并拼写正确。在下面的示例中，我们展示了汽车数据电子表格。
  

• 确保电子表格表头名称在代码中是正确的，如下图ChartData2D代码块:
  

• 测试你的app！
  

问题解决