发表日期： 2021-04-01 15:13:34 浏览次数：331
涟源网站建设【涟源网络公司】涟源做网站、涟源微信公众号开发、涟源网站设计、涟源小程序制作
涟源市，隶属于湖南省娄底市，位于湖南省中部，衡邵盆地北缘，涟水、孙水上游，1951年置县，1987年撤县设市。涟源市总面积1830平方公里，辖19个乡镇办事处和1个高新区，截至2017年末常住人口98.3万人。
涟源地处湖南几何中心，是湘中重要交通枢纽，娄新高速、长韶娄高速、二广高速、沪昆高铁贯穿全境。涟源市自然资源丰富，素称“煤海”“建材之乡”和“有色金属之乡”，是湖南能源原材料基地，全国100个重点产煤县市，全国知名煤机生产基地，全国产粮大县。
2018年，涟源市实现地区生产总值290.6亿元，按可比价计算，同比增长8.2%；完成财政总收入131454万元，同比增长8.5%；城镇居民人均可支配收入为22255元，同比增长9.5% ；农村居民人均可支配收入为10125元，增长11.3%。 [1-3]
2019年12月，成为全国乡村治理体系建设试点单位。 [4] 2020年2月29日，湖南省人民政府同意涟源市退出贫困县。 [5] 2021年1月29日，入选湖南省人民政府公布的2020年度真抓实干成效明显的地区名单。
添加的第一个组件是Label：
1. 转到组件面板（Palette），单击Label（列表中的第五个），并将其拖动到预览窗口（Viewer）中。你会看到一个矩形框出现在预览窗口中，框里写着Text for Label1。
2. 看组件设计器右侧的Properties（属性）框，它显示了Label的属性。在中间位置有一个Text属性，下面是Label中显示的文字。将文字改为“宠物小猫”并按回车键。你会看到在预览窗口中的文字也改变了。
3. 单击BackgroundColor（背景色）下面的方框来改变Label的背景色，目前属性值为None（无背景色），从显示的颜色列表中选择蓝色，并将Label的TextColor（文字颜色）属性改为黄色。最后将FontSize（字号）属性改为20。
Designer的外观如图1-5所示：
图 1-5 应用中有了一个Label（标签）
要确保Android测试设备或模拟器处于连接状态。在设计器中添加的Label会在测试设备上显示出来。在App Inventor中，在设计器中为应用添加组件，等同于在设备上构建应用。这样一来，你可以随时看到应用的外观，这就是所谓的实时测试，你很快就会看到，这样的测试也同样适用于在块编辑器中为组件添加行为。
HelloPurr应用中的猫咪用Button组件来实现：创建一个普通Button，然后将Button的图像更改为猫咪。在组件设计器（Designer）的组件面板（Patatte）中单击Button（在列表的顶部），将它拖到预览窗口（Viewer）中，置于Label下方。你会看到一个矩形按钮出现在预览窗口中。几秒钟后，该按钮就会出现在Android设备上。试着轻击设备上的按钮，有什么反应吗？不会的，因为应用没有向Button发布命令。这是理解App Inventor的第一个要点：添加到设计器中的组件，必须在块编辑器中创建相应的程序，才能使组件产生某种行为（在设计器中添加一个组件之后要做这件事）。
我们希望当点击这个Button时，它会发出猫叫声，但我们希望这个button开起来相隔小猫，而不是一个普通的方块，因此需要为button设置图片：
1. 首先，需要下载的小猫的图片，并保存在你的电脑上。从kitty.png下载名为kitty.png的图片文件（png是与jpg、gif等类似的标准图像格式，在App Inventor中，所有这些都是有效的文件类型，与常用的标准声音文件.mpg或.mp3一样），同时从meow.mp3下载声音文件（选择“网页另存为”来保存声音文件）。
2. 在预览窗口中点击该按钮，属性框中将显示其属性。点击中部Image属性（现在显示的是None）。显示“Upload File…”按钮。
3. 点击“Upload File…”按钮，再单击弹出窗口中的“选择文件”按钮，浏览并选择之前下载的文件kitty.png，然后单击确定。
4. 几秒钟之后，kitty.png被列为Button的Image属性的选项，单击“OK”。与此同时，ketty.png也出现在设计器窗口组件列表下面的Media区域中。在测试设备中，也将显示猫咪的图片，此时按钮看起来像一只小猫咪。
5. 注意到猫咪的图片上显示文字“Text for Button1”，我们不希望在应用中看到这些，因此将Button1的Text属性改为“宠物小猫”一类的文字，或者干脆删除所有文字。
现在设计器看起来如图1-6。
图 1-6 应用中的一个Label和一个显示为图像的Button
我们希望当点击按钮时，应用会发出猫叫声。为此需要添加猫叫的声音文件，并通过设定Button的行为来实现这一功能：
1. 如果meow.mp3文件尚未下载，现在点击链接meow.mp3下载；
2. 在左侧的组件面板中，单击Media类的标题打开Media组件列表。向预览窗口中拖放一个Sound组件。无论你把它放在哪里，它都会出现在预览窗口的底部，并被标记为“Non-visible components（非可视组件）”。非可视组件在应用中发挥特定作用，但不会显示在用户界面中；
3. 点击Sound1以显示其属性。设置其Source属性为meow.mp3。同猫咪图片一样，需要从电脑中加载这个声音文件。加载完成后，Media列表中将出现kitty.png与meow.mp3两个文件。表1-1中列出了现有的组件。
表1-1 HelloPurr中的组件
组件类型 | 面板中分组 | 命名 | 作用 |
|---|---|---|---|
Button | User | Interface | Button1点击发出猫叫声 |
Label | User Interface | Label1 | 显示文本“宠物小猫” |
Sound | Media | Sound1播放猫叫声 | undefined |
刚刚添加了Button、Label、以及Sound组件来构建我们的第一个应用，现在使用块编辑器来实现点击Button产生猫叫声的功能。单击设计器右上角的“Blocks”按钮切换到块编辑器。
在块编辑器窗口中，可以为组件设定行为：做什么以及何时做。此处是让小猫按钮在用户点击它时播放声音。如果把组件比作菜谱中的原料，那么块（Blocks）则相当于烹饪过程说明。
在块编辑器窗口的左侧，“Blocks”标题下面，可以看到许多分属不同类别的按钮，其中包括了我们在设计器中创建的所有组件：Screen1、Button1、Label1以及Sound1，点击它们就像打开抽屉，将看到一组适用于该组件的可选程序块（Blocks）。点击Button1打开抽屉，显示了与Button有关的程序块，可以用它们来设置Button的行为，最上面的Block就是Button1.Click，如图1-7所示。
图 1-7 点击Button1时显示适用于Button组件的程序块（Blacks）
单击标有Button1.Click的块并将其拖到工作区。注意，Button1.Click这个块上包含了when。凡是包含when的块都被称为事件处理程序，用来定义当组件上发生了某种特定事件时，应用该做什么。在本例中，当用户点击猫咪（其实是按钮）时发生了有趣的事情，如图1-8所示。下面我们将在程序中添加一些块，来响应发生的事件。
图 1-8 定义“Button.Click”块来响应用户的点击事件
在块编辑器中点击Sound1打开抽屉，拖出“call Sound1.Play”块（之前将Sound1的Source属性设置为meow.pm3）。注意，块“call Sound1.Play”的形状恰好可以嵌入Button1.Click块中标有“do”的缺口。App Inventor的这种设置，确保只有特定的块可以组合在一起，这样确保了连在一起的块可以协同工作。标有call的块用来定义组件的行为。在本例中，这两个块结合在一起，构成一个单元，如图1-9，两个块连接到一起时，你会听到“啪”的一声。
图 1-9 点击按钮将播放猫叫声
涟源网站建设【涟源网络公司】涟源做网站、涟源微信公众号开发、涟源网站设计、涟源小程序制作
