【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...

2021-03-064893
AI 快速预览详细 收起
本教程介绍了事件处理器的概念及其在移动应用开发中的应用。通过学习用户界面、事件和函数等关键术语,读者可以掌握如何编写事件驱动的代码。教程提供了App Inventor和Thunkable的示例,帮助读者理解和实现常见的事件类型。通过本教程,读者可以提升用户体验和设计能力,适用于STEM教育场景。


教程地址:https://drive.google.com/file/d/ ... IK/view?usp=sharing
返回教程目录:https://mc.dfrobot.com.cn/thread-308465-1-1.html


编程3:事件处理器(EventHandlers
  
本课程将帮您获得如下课题的积分:应用程序函数,用户体验和设计,代码复杂度。
  
  
在本节课中,您将……
  
●       学习事件驱动型的编程
  
●       了解应用程序中的事件(events)是什么
  
  
关键术语和概念(1-2)
  
  
用户界面应用程序中,用户可以与之交互的所有内容


事件发生某件事情,触发代码运行
  
函数(Function)能执行某些事情的代码功能块。它们取一个输入,然后把它成另一个东西,也就是输出。
  
事件处理器当事件发生时,告诉您的应用程序执行什么操作的代码。
  
事件驱动编程基于事件进行的编程
  

  
举一反三
  
  
为移动应用程序编写代码,通常被称为“事件驱动编程”。这是因为事件驱动编程涉及三个主要概念。
  
用户界面
  
用户界面是应用程序中,用户可以与之交互的所有内容。可以是按钮、导航栏、文本框、图片等等。
  
当人们使用您的应用程序时,他们会通过点击按钮、输入文本等方式,与您的用户界面进行交互。应用程序能做些什么,完全由您决定,由您进行编程以执行各种操作。
  
App Inventor App  Inventor中,设计侧的用户界面中可以找到您要使用的所有功能。
  
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图7
  
事件
  
事件是指发生某个事情。您可能听说过“事件”这个词,在平常生活中,它指的是朋友的生日聚会或学校演出之类的事情。在编写代码时,事件(event是指发生触发代码运行的事件。
  
在移动应用程序中,所发生的事件通常是用户操作的结果。例如,它可以是用户单击按钮,改变手机屏幕的方向,或者是用户在文本框中输入文本等等。当您编写应用程序时,代码围绕这些事件为基础。
  
App Inventor中的常见事件
  
以下是一些可以在App Inventor中使用的常见事件
  
   
点击一个按钮
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图1
   
当     按钮1 .  点击执行
   
屏幕翻转
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图2
   
当    屏幕1 .  屏幕翻转执行
选中或取消选中复选框
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图3
   
当   复选框1 . 改变执行
   
从下拉菜单中选择某样东西(称为调节控件Spinner)
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图4
   
当     调节控件1 . 选择后选中执行
   
在文本框中输入文本
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图5
   
当   文本框1 .   聚焦执行
将滑块更改为开或关
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图6
   
当    滑块1.      位置改变滑块位置执行
  
  
Thunkable中的常见事件
  
以下是一些可以在Thunkable中使用的常见事件
  
   
点击一个按钮【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图8
   
当     按钮1 .  点击执行
   
屏幕打开
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图9
   
当     屏幕1 .  打开执行
在列表查看器中单击某项
   
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图10
   
当   列表查看器1  项目点击与 项目索引数执行
  
  
事件处理
  
事件处理器是当事件发生时您代码所执行的操作。当某些事件发生时,通过应用程序下达一步一步的指令,或者通过编写一个算法,告诉应用程序该怎么做!
  
函数
  
在App Inventor中,您的代码由函数组成。函数是做一些事情的代码块。它们接受输入并产生输出。输入是进入函数的信息,输出是返回给您的信息。在“与我谈谈”教程中,您使用了一个“Speech to Text(语音到文本)”函数,获取文本,并将其转换为语音!在这里,文本是输入,语音就是输出!在下一节的代码课程中将更详细地对特性进行介绍。
  
  
以下就是App Inventor中的函数和事件处理器的示意图
【Technovation官方中文教程】编程3 - 事件处理器(Event Handler...图11
  
思考活动—您能想到一些与自己手机互动的方式吗?以下例子希望可以引发您的思路:
  
●       点击“发送”键发送短信,会发送短信并发出声音。
  
●       从应用商店购买应用程序时,手机会要求输入密码。
  
●       点击应用程序的图标时,应用程序就会打开。
  
  
活动—新手教程
  
  App Inventor活动  appinventor.org上学习本教程: I Have a Dream Tutorial, Pt. 1(我有一个梦想教程,第一部分)  
  Thunkable活动  学习本教程:鲁斯·巴德·金斯伯格(Ruth  Bader Ginsburg)应用程序   https://x.thunkable.com/copy/74c36e618322001fad82af246a5fcc9a  嵌入视频: https://youtu.be/z2cvR8Wverc   
  
举一反三
  
  
●       在“我有一个梦想”或“鲁斯·巴德·金斯伯格”应用程序中,您在自己的用户界面添加了什么?
  
●       在“我有一个梦想”或“鲁斯·巴德·金斯伯格”应用程序中发生了什么类型的事件?
  
  
高级课程和其他资源
  
  
我有一个梦想教程—第二部分
  
您想让自己的“我有一个梦想”应用程序更上一个台阶吗? 请在这里查看教程的第二部分 App  Inventor: I Have a Dream Tutorial, Pt. 2(我有一个梦想教程,第二部分)
  



创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(2)
proe163
proe163
hello,Juh Hwa is the biggest slotted angle rack manufacturer in Taiwan. With systematic automation facility, we ensure the accuracy of our products.
https://www.juhhwa.com/about.html
172327698
172327698
东南商机网dn160.com
- 没有更多了 -