上海千语创想科技有限公司
 175-2108-6175
网站建设资讯详细

appinventor如何学习?appinventor学习入门教程

日期:2023-04-24  作者:千语创想  浏览:2649

我们已经进入移动互联网时代,有人会认为手机APP很神秘,不知从何入手。实际上,手机APP只不过是一种手机上的应用程序(Android,Application Program),只要稍加学习,任何人都能很快学会编写手机APP解决生活中的实际问题。本节,我们就来了解如何布设手机APP程序设计的环境,并试着编写一个简单的手机APP。

  一、手机APP的编程环境
  编写手机APP,可以在真手机里进行,也可以在计算机里创设虚拟手机环境进行。创设虚拟手机编程环境需要用到App Inventor及其相关模拟器软件。
  1. App Inventor简介
  App Inventor是2012年(由Google公司投资,麻省理工移动学习研究中心研发)开始风行的一款在线、开放软件,主要用于Android手机编程,可以使用户通过图形化、积木式的拖放组件来完成Apps开发。
  (1)浏览器要求
  Google Chrome(推荐)
  Mozilla Firefox
  Apple Safari
  Microsoft IE 7+(不推荐)
  (2)App Inventor组成部分

  A.组件设计——界面设计,元件布局与元件属性设定——>(界面设计/前台)
  B.逻辑设计——通过积木式模块,操作各类元件来进行程序设计,实现对应功能——>(代码设计/后台)
  C.调试器——可通过模拟器或者手机进行程序的模拟调试——>(程序调试)
  App Inventor的上述三大工作模块均已集成于在线编程网站中。
  (3)APPInventor的程序调试功能
  调试可通过3种方式进行:
  A.模拟器:模拟器是通过一个电脑程序虚拟手机的界面及功能在电脑上进行程序模拟运行,需要安装一个模拟器软件方可进行,由于不是真实的手机环境,因此诸如涉及电话、短信、手机传感器等实际物理功能无法模拟,具有一定的局限性。因此,有条件时还是推荐直接用手机进行调试和测试。
  B.AI伴侣:即使用手机直接调试,通过在手机上安装一个AI伴侣程序,即可实现在线同步调试功能(界面和代码修改后实时即可预览到实际效果)。此方式最方便、快捷、直观,需要手机连接wifi网络(不能是数据网络)。(推荐用此方式进行程序调试)
  C.USB:即将程序通过USB方式传输到手机中进行预览调试,需要有模拟器程序的支持和手机USB线。如没有wifi的地方可考虑采用此方式进行调试。
  2. App Inventor开发环境配置
  (1)访问在线编程网站
  由于MIT的在线编程网站(http://ai2.appinventor.mit.edu)一般难于访问或者网速太慢,因此,国内爱好者在广州建立了一个经谷歌授权的中文镜像网站 (http://app.gzjkw.net,广州教科网)。

  (2)注册账号
  第一次使用或登录app.gzjkw.net网站时,需要按照页面的提示注册一个账号并通过电子邮箱激活设置好密码,也可以直接用qq账号登录。
  (3)安装App Inventor模拟器
  国内,可通过百度云下载http://pan.baidu.com/s/1gd3pkAZ,然后,运行安装App Inventor模拟器。 模拟器的运行界面为命令行界面(可将其最小化,但不要关闭)。

  二、编写简单APP
  运行App Inventor模拟器程序aiStarter,登录app.gzjkw.net在线编程网站进入AI2开发环境,可以初步感受图形化拖放式模块编程,编写一个简单的手机APP。
  1.创建新项目
  项目名称只能由字母开头,且只能由字母、数字和下划线组成,比如创建名为“HuanYing”的工程(注意:这里工程名字不允许含有空格),可将其屏幕标题通过组件属性修改为“欢迎”;
  2.前台界面:
  选择设计组件,设计界面,如图7-4所示。
  (1)从界面设计器的界面布局组件下选择“垂直布局”拖到中间的手机设计屏幕1(Screen1)中,默认名称为“垂直布局1”,在其组件属性中,将“水平对齐”设置为“居中”,“宽度”设置为“充满”;
  (2)从界面设计器的用户界面组件下分别选择“图像”、“标签”、“按钮”放入“垂直布局1”中,默认名称分别为“图像1”、“标签1”、“按钮1”:
  在“图像1”组件属性中,将“图片”设置为上传的手机图片;
  在“标签1”组件属性中,勾选“粗体”,将“字号”设置为24,“文本”设置为“欢迎进入APP世界!”,“文本颜色”设置为红色;
  在“按钮1”组件属性中,将“文本”设置为“试一试”。

  (提示:此时,如果已经连接上了手机或者模拟器,则可以看到即时的修改)。

  3.后台代码:
  选择逻辑组件,编写程序,如图7-5所示(其中的app01sjkf1.jpg是另外一幅手机图片,应在组件设计时上传好,以便此处调用)。


  图7-5 利用逻辑组件编写程序

  4.测试应用程序
  A.在真手机上测试:在手机中事先下载、安装并运行了AI伴侣,然后执行“连接-AI伴侣”
  B.在电脑上模拟测试:在电脑中事先下载、安装并运行了模拟器,然后执行“连接-模拟器”
  5.打包应用程序
  执行“打包apk”,即可获得能在手机上运行的手机应用程序文件(注意下载文件所在位置),将此文件上传到手机上安装即可使用。


千语创想-专业APP开发app定制服务商,提供一站式移动应用解决方案,满足您的各类需求。

立即免费在线制作一个APP,新手注册即送开发大礼包

提交app定制需求,免费获取报价和周期:

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/quickaddcustom



转载请注明来自:https://www.qianyuthink.com/news/6923.html

填写您的项目需求给我们

或者直接拨打 7×12小时一对一咨询电话

175 2108 6175

请填写需求信息,我们会在10分钟内与您取得联系

请认真填写需求信息,我们会在10分钟内与您取得联系

×
客服二维码
咨询技术总监
175-2108-6175
客服二维码
技术总监微信
客服二维码