华容400电话申请开通【华容企业网站建设】华容微信公众号小程序开发运营价格、华容微信公众号APP软件客户端设计运营、华容网页页面设计公司费用、华容公司网站制作方案流程改版维护大概需要多少钱

发表日期： 2021-04-09 11:16:42 浏览次数：187

华容，在我国，表示三个地区都有“华容”的简称。湖南省岳阳市华容县、湖北省鄂州市华容区、湖北省鄂州市华容区华容镇。

本章将从程序员的视角来探讨应用的结构问题。先从一个经典的比喻开始，将应用理解为一份菜谱，然后再从组件的角度，理解其对事件的响应，从而对应用产生新的认识。本章还将探讨应用如何提问、重复、记忆以及与Web交互，所有这些在后面章节均有更详细的叙述。

{%}

大多数人是从用户的角度来描述一个应用，但是在程序员看来，应用要复杂得多。我们必须充分理解应用的内部结构，才能更加有效地创建应用。

通常从两个方面来描述应用的内部结构：组件及行为，这大致与App Inventor的两个主要窗口相对应：组件设计器及块编辑器。前者用来设定应用中的对象（组件），而后者用来编写程序，实现对用户及外部事件的响应（应用程序的行为）。

在图14-1中，对应用的架构给出了总体描述，本章将对这种架构进行深入细致的探讨。

{%}

图 14-1　App Inventor应用的内部结构

组件

应用中的组件分为两大类：可视组件及非可视组件。可视组件是在应用启动后能够看到的组件，如Button、Textbox及Label等，这些通常被视为应用的用户界面。

非可视组件是不可见的，因此它们不是用户界面的组成部分，通常用于访问设备的内置功能，如，Texting组件用于收发短信，LocationSensor组件用于确定设备的位置，而TextToSpeech组件用于朗读文字。非可视组件是设备的技术核心，是服务于应用程序的小精灵。

两类组件都是由一组属性来定义，属性相当于组件信息的存储空间。如可视组件的Width、Height及Alignment属性，它们共同定义了组件的外观。因此，最终用户所看到的如图14-2所示的“Submit”按钮，实际上是在组件设计器中由一组属性所定义的，如表14-1所示。

表14-1 按钮属性

Width	Height	Alignment	Text
50	30	center	Submit

{%}

图 14-2　提交按钮

可以将属性理解为上面表格中的内容，在组件设计器中，用它们来定义组件的初始外观。如果将Width属性从50改为70，那么无论是在设计器中，还是在实际应用中，按钮看起来都会变宽。注意，最终用户不会看到70这个数字，他们只能看到按钮变宽。

一般来说，人们很容易了解组件的用途：文本框（Textbox）用于输入信息，按钮（Button）用来点击等等。但是对于应用中的行为，则往往是抽象的和复杂的。行为定义了应用对事件的响应，无论是用户发起的事件（如点击按钮），还是外部事件（如手机收到短信）。定义这些交互行为的难度恰恰是编程的挑战性所在。

幸运的是，App Inventor提供了一种非常适合于定义行为的可视化“块”语言，本节为理解块语言提供了一种模型。

人们习惯于把软件与菜谱相对比。像菜谱一样，传统的应用由一系列的顺序排列的指令构成，如图14-3所示，而计算机（厨师）则按顺序执行这些指令。

{%}

图 14-3　传统的软件由一系列顺序执行的指令构成

一项典型的银行业务可能按如下顺序执行：

1. 启动某项业务；

2. 执行某些计算并修改客户账目；

3. 在屏幕上显示新的余额信息。