当前课程知识点:移动快速应用开发 > 第一章 App Inventor介绍 > 第一个应用-喵喵叫的小猫 > 喵喵叫的小猫
同学们在上一节课里
我们介绍了APP Inventor的发展过程
以及国内可以访问的开发网址
这节课我们做一个具体的案例
任务二
第一个范例
喵喵叫的小猫
一熟悉APP Inventor开发平台界面
二掌握APP Inventor开发基本流程
三掌握APP Inventor调试方法
四
掌握Android中终端运行程序的方法
一 进入APP Inventor
开发平台
选择中文完成账号注册
登录后进入开发页面
本课程所有开发项目都是选择中文版
二
新建第一个项目
单击新建项目按钮
弹出界面
任务实施
点击手机屏幕上小猫图片时
小猫会发出喵喵的叫声
进入APP网站
APP Inventor网站支持中文和英文
在本课程中我们都将进行中文版的操作
大家选择中文
输入你的账号和密码
然后选择登录
我们新建一个项目
项目的名称叫miao
进入界面以后
大家可以看到整个屏幕分成三个部分
左边是组件面板
包含了用户界面
界面布局
多媒体空间 绘图动画 传感器
社交应用
数据存储
通讯连接等不同的组件
中间是工作面板
在本任务当中
我们拖动一个按钮组件
这是我们可以在右边的组间属性设置
它的宽度 高度为充满
把文字给删除掉
我们需要在按钮上面添加一个猫的一个
图像
这时我们就需要上传一个素材
我们选择猫的图片
点击确定
我们希望点击猫按钮时会发出喵喵的声音
因此我们需要添加一个多媒体组件音效
拖动音效组件至界面上
音效组件是一个非可视组件
它不会在屏幕上显示
下面我们跟着音效组件添加一个mp3的
源文件
点击上传
选择文件
选择一个喵的mp3文件
已经确定
当mp3文件上传以后
大家可以在蔬菜这一栏里面可以看到
下面我们进行程序设计
点击逻辑设计
进入程序设计界面
选择按钮一
这时会出现按钮的一系列命名
我们选择被点击事件
当按钮被点击的时候
音效会发出声音
因此我们选择音效的播放
好
本例题已经设计完毕
同学们
这节课我们完成了第一个案例的开发
下节课我们将介绍程序调试的三种方法
谢谢大家的收看
再见
-App Inventor简介
-第一个应用-喵喵叫的小猫
--喵喵叫的小猫
-App Inventor的调试方法
-作业--作业
-拓展练习
-石头剪刀布界面设计
-选择结构
--选择结构
-组件介绍
--组件介绍
-石头剪刀布逻辑设计
-作业--作业
-计算器的界面设计
--计算器的界面设计
-过程的定义
--过程的定义
-实现整数运算的计算器
-带小数点的计算器
--带小数点的计算器
-代码测试
--代码测试
-作业--作业
-我的词典界面设计
--我的词典界面设计
-语言翻译
--语言翻译
-文字朗读
--文字朗读
-语音识别
--语音识别
-作业--作业
-绘图板界面设计
--绘图板界面设计
-手指作画
--手指作画
-精灵画圆
--精灵画圆
-绘图的保存
--绘图的保存
-作业--作业
-社交应用界面设计
--社交应用界面设计
-拨号并收发短信
--拨号并收发短信
-短信的分类保存
--短信的分类保存
-短信的选择与删除
--短信的选择与删除
-作业--作业
-条码扫描器
--条码扫描器
-申请Web-API的步骤和调试方法
-Web客户端
--Web客户端
-JSON格式数据的解析方法
-扫码识物
--扫码识物1
--扫码识物2
-作业--作业
-人工智能技术介绍
--人工智能技术介绍
-扫描仪界面设计
--扫描仪界面设计
-百度AI 函数介绍
-扫描仪的代码实现
--扫描仪的代码实现
-作业--作业
-拓展练习