app inventor n.
Download
Skip this Video
Download Presentation
第一章 认识 App Inventor

Loading in 2 Seconds...

play fullscreen
1 / 25

第一章 认识 App Inventor - PowerPoint PPT Presentation


  • 230 Views
  • Uploaded on

第一章 认识 App Inventor. 四川师范大学 Supported by Google. 学习目标与内容 : App Inventor 的编程基本方法. 01. 02. 选择需要的组件 并告诉这些组件去做些什么. 把组件组合成一个应用程序. 目标 App Inventor. 03. 04. 如何通过组件设计窗口 来选择组件. 通过属性设置来改变组件 的属性和添加多媒体元素. 05. 06. 通过语句块窗口把不同的 语句块组合起来控制 组件的行为. 完成一个完整的 App Inventor 应用程序 , 并在手机上运行该程序.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about '第一章 认识 App Inventor' - dale-dickson


Download Now An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
app inventor

第一章认识App Inventor

四川师范大学

Supported by Google

slide4

学习目标与内容:App Inventor的编程基本方法

01

02

选择需要的组件

并告诉这些组件去做些什么

把组件组合成一个应用程序

目标App Inventor

03

04

如何通过组件设计窗口

来选择组件

通过属性设置来改变组件

的属性和添加多媒体元素

05

06

通过语句块窗口把不同的

语句块组合起来控制

组件的行为

完成一个完整的App Inventor

应用程序,并在手机上运行该程序

slide5

组件设计窗口

1

选择需要的组件,并设置它们的属性,添加多媒体元素等

slide6

语句块窗口

2

组合不同的语句块,控制组件的行为和用户交互等功能

slide7

测试手机(窗口)

3

组合不同的语句块,控制组件的行为和用户交互等功能

slide8

调色板显示的是App Inventor提供的所有组件的列表。你可以从调色板中选择你所需要的组件来构成你的应用程序。这些组件在调色板中被分类摆放:包括基础组件、多媒体组件、动画组件、感应组件等

该界面显示的是你选中的某一个组件的所有具体属性,你可以在该界面中查看和更改这些属性,也可以把多媒体文件上传到该组件中。

该视口显示的是你正在开发的App Inventor应用程序在手机上运行起来时是什么样子,即是应用程序在手机上的用户界面

该列表显示你的应用程序用到的组件和它们的关系等

视口(view)

调色板(Palette)

组件列表(Components)

组件属性编辑界面(Properties)

slide9

当用户按下该按钮时,应用程序产生指定的行为和反馈当用户按下该按钮时,应用程序产生指定的行为和反馈

标签(Label)

标签是用来设置在应用程序显示的文字,并可以按你的需要配置他们的大小、字体、颜色、位置等

按钮(Button)

slide10

找到

标签

组件

打开调色板(Palette)中的基础组件(Basic)

您的标题

添加到

应用

程序

把标签拖到视口(Viewer)中你需要的位置

设置标签属性

在组件属性编辑界面(Properties)中,更改:

文字—Text 字体—fontsize 颜色—TextColor

slide11

请通过在应用程序中添加标签,使你的手机上呈现下图所示的界面请通过在应用程序中添加标签,使你的手机上呈现下图所示的界面

【标签图示】

案例

slide12

欢迎你来演示

疑问一

疑问二

疑问三

多个标签怎么加到应用程序中的

不同标签的不同位置、颜色是怎么实现的

怎么删除一个不用的标签

slide13

找到

按钮

组件

打开调色板(Palette)中的基础组件(Basic)

您的标题

添加到

应用

程序

把按钮拖到视口(Viewer)中你需要的位置

在组件属性编辑界面(Properties)中,更改:

按钮上面的文字—Text 按钮颜色—BackgroundColor

按钮大小—Width,Height

设置按钮属性

slide14

请通过在应用程序中添加按钮,使你的手机上呈现下图所示的界面请通过在应用程序中添加按钮,使你的手机上呈现下图所示的界面

案例

slide15

欢迎你来演示

疑问一

疑问二

怎样设置按钮上面文字的大小

按下按钮后为什么没给出我们想要的答案?

(1+1=?)

slide18

自带语句块(Built-In)

01

02

03

语句块库

我的语句块(My Blocks)

高级语句块(Advanced)

slide19

提问

从语句块库找到需要的语句块,拖到中央窗口中

怎样生成一个自己的语句块?

按钮对应的语句块在哪里?

如果按下按钮将显示答案,是

哪个语句块在控制按钮的这

种行为

slide20

实践

我的语句块(My Blocks) Button1

Button1.Click

set button1.text to

 text

按钮的行为实现

slide21

讨论

Button1代表什么,可以修改吗?

显示1+1=2后,再按按钮是什么反应?为什么?怎么让按钮恢复反应呢?

结果论证

slide25

课堂小结

选择需要的组件

并告诉这些组件去做些什么;

把组件组合成一个应用程序

如何通过组件设计窗口来选择组件;通过属性设置来改变组件

的属性和添加多媒体元素

完成一个完整的App Inventor

应用程序,并在手机上运行该程序

通过语句块窗口把不同的

语句块组合起来控制

组件的行为