Thunkable 中的不同组件

  • 回顾可以在 App Inventor 或 Thunkable 中使用的不同组件
  • 找到一个可以帮助您的应用程序的组件
  • 研究教程并在应用程序中至少编码一个组件

这些是本课的活动:

智能手机组件

现在是时候选择您希望应用程序使用的组件并编写代码了,其中一些组件包括传感器。 各种可用的组件可以让您的应用程序做很多不同的事情,请务必选择适合您的组件! 

本课为您提供了一个参考,让您了解可以在应用程序中使用的许多组件。 

您现在可能已经选择了自己的平台,但我们还是要列出 App Inventor 和 Thunkable 的所有组件,以便您了解可用的组件。

寻找可用于实现您为应用程序规划的功能的组件。

女孩看笔记本电脑

按类别分列的组件清单

下面的组件是标准组件之外的组件 用户界面组件这些组件允许用户与应用程序进行交互。

这不是一个完整的列表,但涵盖了目前可用的大部分组件。Thunkable 和 App Inventor 还在不断增加更多的功能和组件。

文件也提供了以下信息。

如果您的应用程序需要照片、音频和视频等相关功能,这些组件将对您大有帮助。
功能描述 应用程序发明家 可拧紧
允许用户拍摄视频。您可以将其用于社交应用、视频共享应用,或任何您希望用户录制视频的地方。 摄像机 照相机
允许用户拍照。这对于允许用户设置个人照片或拍照分享或保存到相册的应用程序非常有用。 照相机 照相机
允许用户从照片库中选取图片。这将允许用户选择他们在使用您的应用程序之外拍摄的照片。 图像选取器 文件(照片库)
允许您在应用程序中嵌入用户可以点击的视频。视频必须是 .wmv、.3gp 或 .mp4,大小不得超过 1MB。 视频播放器 视频
允许您将文本翻译成另一种语言。由于它依赖于外部翻译服务,因此要求您的应用程序能访问互联网。 翻译员 发言
允许用户录制声音或噪音。 录音机 声音
该音频组件可播放声音。它最适合 "长 "的声音,如歌曲、演讲或诗歌。 Thunkable 只有一个声音组件,可以播放任何长度的音频。 球员 声音
与播放器组件非常相似,但最适合播放短促的声音,如通知 "叮 "声。 声音 声音
将用户的语音翻译成文本。这对于需要免提功能的应用程序尤其有用。 语音识别器 发言
该组件的功能与 SpeechRecorder 相反;它允许用户输入文本,然后应用程序将其大声朗读出来。 文本到语音 发言
您可以在应用程序中播放 JSON 动画。 不详 动画
如果您需要您的应用程序拨打电话、发送电子邮件、发短信和共享某些类型的信息,这些社交组件可能会有所帮助。
功能描述 应用程序发明家 可拧紧
显示用户的联系人,并允许用户从中选择联系人。 联系人选取器 不详
允许用户从联系人列表中输入电子邮件地址。 电子邮件拾取器 不详
允许用户从电话联系人列表中选择电话号码。 电话号码拾取器 不详
允许您在应用程序中嵌入用户可以点击的视频。视频必须是 .wmv、.3gp 或 .mp4,大小不得超过 1MB。 视频播放器 视频
让用户可以通过应用程序拨打电话。 电话呼叫 分享
允许用户通过应用程序向另一名用户的手机发送短信。 发短信 分享
该音频组件可播放声音。它最适合 "长 "的声音,如歌曲、演讲或诗歌。Thunkable 只有一个声音组件,可以播放任何长度的音频。 球员 声音
允许用户与手机上的其他应用(如电子邮件和信息服务)共享应用中的信息、图片或其他内容。 共享 分享
允许您的应用程序与 Twitter 进行通信。用户可以搜索推文、收发消息、获取关注者列表等。 推特 不详
Thunkable 允许您在应用程序中添加广告。所有应用程序必须首先获得 Thunkable 的批准,然后才能下载或发布。 不详 广告
这些组件允许您的应用程序与应用程序之外的实体(如网络、设备和其他应用程序)进行交互。
功能描述 应用程序发明家 可拧紧
允许您的应用程序启动其他应用程序,如相机或 Google 地图,或用户在手机上安装的自创应用程序。 活动启动器 打开链接(控制块)
允许您在应用程序中嵌入地图。App Inventor 包含可添加到地图中的标记和形状等组件。这些功能可通过 Thunkable 中的代码添加。 地图 地图
允许用户在应用程序中查看网页。 网络浏览器 网络浏览器
使您的应用程序能够向外部网站发送和获取信息。 网络 网络应用程序接口
让用户可以通过应用程序拨打电话。 电话呼叫 分享
这些组件可使您的应用程序与蓝牙设备连接。 蓝牙客户端 蓝牙服务器 蓝牙LE(扩展) 蓝牙低功耗
该音频组件可播放声音。它最适合 "长 "的声音,如歌曲、演讲或诗歌。Thunkable 只有一个声音组件,可以播放任何长度的音频。 球员 声音
用于从外部来源(传感器、网络、数据文件)收集数据,并以图表形式显示。 图表、ChartData2D 不详
可用于连接 Arduino 等串行设备。 串行 不详
允许应用程序用户使用用户名和密码注册。这需要您首先设置一个 Firebase 账户。 不详 登录
允许您在应用程序中嵌入 pdf 文件 不详 PDF 阅读器
如果您的应用程序需要收集有关周围世界或用户的信息,以下是 App Inventor 和 Thunkable 可以访问的一些传感器。
功能描述 应用程序发明家 可拧紧
可以判断手机是否在晃动,以及手机是竖着拿还是倒着拿。当你想根据手机的握持方式调整屏幕方向,或者想让应用程序对晃动做出反应时,这项功能就非常有用了。 加速度传感器 加速计
利用加速度传感器测量用户拿着手机走了多少步,还能估算出行走的距离。 计步器 不详
能感知手机是否倾斜。它比加速度计更精确,可以测量手机方向的变化程度。 陀螺仪传感器 陀螺仪
用于测量磁通密度。并非所有手机都支持此功能。 磁场传感器 磁力计
允许应用程序获取当前时间或使用计时器。这对于设置定时闹钟或使用计时器非常有用。 时钟 计时器
收集手机位置的经纬度。当需要搜索用户附近的兴趣点时,这个传感器就能派上用场。 位置传感器 位置传感器
显示手机是否靠近物体。它通常用于判断用户是否将手机贴近耳朵。并非所有手机都支持这种功能。 近距离传感器 不可用
允许应用程序读取条形码。 条码扫描器 照相机
测量环境气压。 气压计 不详
测量环境空气相对湿度。对于大多数移动设备来说并不常见。 湿度计 不详
测量光照度。 光传感器 不详
允许您的应用程序与其他配备 NFC(近场通信)功能的设备共享数据。 近场 不详
提供有关设备物理方向的三维信息:滚动、俯仰和方位角。 方向传感器 不详
测量环境(外部)温度。 温度计 不详
通过这些组件,您的应用程序可以在对立面、设备和云中存储数据。
功能描述 应用程序发明家 可拧紧
区块可让你在应用程序中更新和存储信息。关闭应用后,任何信息都会被清除。 可变 app 变量
允许您的应用程序在移动设备上本地存储和更新信息,并在应用程序内使用。数据可在应用程序运行之间存储和检索。在 Thunkable 中,DataViewer 和 DataViewerGrid 可使用 "创建自己的表 "选项在本地存储数据。 TinyDB 存储变量 数据查看器列表 数据查看器网格
允许您的应用程序在云中存储、检索和更新数据,以便在应用程序的不同用户之间共享数据。Thunkable 使用 Firebase 提供云变量。DataViewer 和 DataViewerGrid 可以链接到 Airtable、Google Sheets 和 Webflow。App Inventor 的电子表格组件可链接到 Google Sheets。 云数据库 FirebaseDB 电子表格 云变量 - (Firebase) 数据查看器列表 数据查看器网格
在应用程序中使用机器学习模型进行分类,并使用生成式人工智能工具。
功能描述 应用程序发明家 可拧紧
允许与人工智能聊天机器人 OpenAI 的 ChatGPT 进行交流。 聊天机器人 开放式人工智能服务(文本补全)
允许您在应用程序中加入 DALL-E,以创建和编辑图像。 图像机器人 开放式人工智能服务(图像生成)
允许您创建自己的机器学习模型(图像、声音、姿势),并在应用程序中使用。 个人图像分类器 个人音频分类器 PoseNetExtension 教学机器 (注意这些都需要您添加扩展名) 不详
在应用程序中启用绘图功能,添加精灵以制作动画和游戏。
功能描述 应用程序发明家 可拧紧
在屏幕上添加用户可以绘画的区域。您还可以在此添加精灵,并将其制作成动画。 帆布 帆布
这些组件是可以在游戏或动画中进行动画和互动的元素 ImageSprite
雪碧

您将在 Thunkable 的设计器窗口中添加组件。你可以通过输入组件名称来搜索组件。 

在 Thunkable 的新拖放版本中,任何不可见的组件都将在 "块"(Blocks)选项卡中找到,而不是在 "设计器"(Designer)中。因此,如果您在搜索组件时找不到它们,请尝试在 "块 "选项卡中查找。

设计器组件列表
设计器窗口中的组件
积木窗口中的可重构组件
可转储的不可见组件

活动:学习一个新组件

预计时间:60 分钟

选择一个组件了解

  1. 至少选择一个您认为会在应用程序中使用的组件或传感器。
  2. 查找在应用程序中使用该组件的文档和/或教程。
  3. 您可以从这里开始:
  4. 使用新组件编写应用程序

最佳实践:您选择的组件并不一定要完美适合您的应用程序!只要你能了解一个新的组件,这才是最重要的。只需选择你认为可行的组件,如果你发现它不可行也没关系。在编码领域,我们称这种研究为"钉子",因为您正试图尽可能快地深入挖掘(有点像将铁钉插入地下)。

向学生提出指导性问题:如果我们要为苹果手表制作一个应用程序,苹果手表上可能有哪些组件? 心率监测器、陀螺仪--用于步数跟踪、蓝牙)。你要收集多少数据?你能用这些数据来训练你的人工智能模型吗?

导师提示由 AmeriCorps 提供支持。

风格化的 A,海军蓝的 AmeriCorps 徽标

作为程序员,你能学到的最佳技能之一就是如何在遇到困难或需要学习如何使用某些东西时找到资源来帮助你。 

这项活动就是练习!

它可能与您要创建的应用程序不完全一致,但练习使用组件编码将有助于您创建自己的应用程序。

反思

本课为您提供了所有可用于构建应用程序的组件的参考。要找到教程或文档来学习如何使用组件并不容易!

2 个女孩编码
您是如何找到活动所需的教程或信息的?
您将如何在应用程序中使用本课的作品?
在你的生活中,还有什么地方可以用到这种 "找到自己的教程 "的技能?
上一张幻灯片
下一张幻灯片

关键术语回顾

  • 用户界面组件- 用户与之交互的标准组件,如按钮、标签和文本框
  • 媒体组件- 媒体组件包括照片、音频和视频。
  • 传感器 - 安装在手机上的不同类型的设备,用于收集各种用途的数据
  • 社交组件- 使用户能够通过应用程序拨打电话、发送电子邮件、发短信和分享信息的功能
  • 连接组件 - 使您的应用程序能够与应用程序以外的地方(如网络和其他应用程序)进行交互的功能
  • 存储组件 - 允许您在应用程序、设备和云中存储信息的区块和组件
  • 人工智能组件- 可让您在应用程序中使用机器学习模型或生成式人工智能工具的组件

其他资源

Thunkable 的其他有用教程网站

一般资源