AppInventor让不会编程的小白也能制作app

本帖最后由 gzftcoex 于 2010-10-16 06:51 编辑

本人小白一枚,编程啥的全不懂,更不用说这语言那语言的了,但是生命在于折腾,我也制作自己的app了



之前在CB看到google为了能让更多的人给自己的Android设备开发软件,开发了AppInventor,让不懂编程的人也可以制作出android应用程序,当时就提交了申请,月初就收到了回信,后来把这事给忘了...今天突然想起来,立马开始折腾.



00.jpg 

AppInventor里已经提供许多的组件(Blocks),我们直接将它们托到查看器(Viewer)里,然后再用一些逻辑块(Logic Blocks)将他们像拼图一样组装起来就形成了一个Android软件,而且如果手机开启调试模式后连接到电脑,所有的操作都是事实的显示在手机上,软件可以一边制作一边手机上测试.






首先准备运行AppInventor的环境    这里是官方的说明
电脑
浏览器.火狐 Chrome IE都可以
需要安装Java 6,可以从 www.java.com下载
手机的驱动程序也不能少
然后就是安装App Inventor Extras Software for Windows
下载地址  http://dl.google.com/dl/appinventor/installers/windows/appinventor_extras_setup.exe
ps MAC和linux平台的在网站上均有下载

手机
设置-应用程序-勾选未知来源
                   -开发-勾选USB调试和保持唤醒(这个会让充电时屏幕常亮,要记得关掉)
设置-显示-自动旋转屏幕要关掉

以上都准备好就可以开始了





我就做一个捅菊花的小软件吧

新建应用程序和添加组件都是通过WEB的方式在线进行的,(每一步操作都会保存在服务器上,突然死机也不怕成果丢失,完全的google风格,什么云打印 云平台 云XX) 
在浏览器里打开http://appinventor.googlelabs.com  选择new 输入名称 juhua  (现在还不支持中文,就拿拼音代替吧)然后就进入编辑界面 
AppInventor让不会编程的小白也能制作app_第1张图片 


左边的Palette里有这种各样组件直接拖到中间的屏幕里就可以添加,现成组件很丰富按钮 文本 标题 多媒体 各种传感器等等,右边可以编辑组件的属性
点击右上方的Open the Blocks Editor就可以启动刚才安装的App Inventor Extras Software 来组合上面的组件.
AppInventor让不会编程的小白也能制作app_第2张图片 

连接手机,点击Open the Blocks Editor,所有的操作都会在手机上实时显示
 

首先试着把Screen1改成中文爆菊花,然后拖入一个ListPicker 内容写上hello world.
AppInventor让不会编程的小白也能制作app_第3张图片 


但是在手机屏幕上中文变成???,看来还是不支持中文....
 


接下来拖入一个Butto组件,上传一张菊花图片.一个菊花的按钮就做好了
AppInventor让不会编程的小白也能制作app_第4张图片 


光爆菊花太没意思了.还要加点声音,再拖入一个Sound组件,上传惨叫.mp3
AppInventor让不会编程的小白也能制作app_第5张图片 


什么?爆菊花太残忍,那爆完了在抚摸一下吧.再加入一个传感器,拖入AccelerometerSensor组件,这样摇一摇就可以抚摸一下小菊花了
AppInventor让不会编程的小白也能制作app_第6张图片 




组件添加完,关键的时刻到了,回到App Inventor Extras Software里来组合上面的组件.

Button1.Click框里面嵌入Sound1.Play,就表示按下菊花键是播放刚才的惨叫.mp3 
这里我又添加了一个震动,后面接上一个时间为500毫秒的标签,这样发出惨叫的时候还有震动,让菊花爆的更猛烈~{:2_29:}    (捅菊花完成)

AccelerometerSensor1.Shaking框里也嵌入Sound1.Play,表示传感器感到摇动的时候同样播放惨叫.mp3{:2_30:}    (抚摸小菊花完成)
AppInventor让不会编程的小白也能制作app_第7张图片 


ok现在就可以拿起手机向菊花按钮捅一捅,立马发出一生惨叫...{:2_29:}啊啊啊啊啊~~~捅坏了我心爱的N1可不行,要摇一摇,抚摸一下小菊花~{:2_28:}
AppInventor让不会编程的小白也能制作app_第8张图片 



最后就是生成APK了.点击右上角的Package for Phone,可以选择下载APK到电脑或者直接下载安装到手机.
AppInventor让不会编程的小白也能制作app_第9张图片 
点击后等待数十秒,就会开始下载
 


成品就是这样,看起来很简陋.APK我也不放出来了,不过对于我这样完全不懂编程的小白,已经是0的突破了.而且还猥琐的爆了一朵小菊花
AppInventor让不会编程的小白也能制作app_第10张图片 






来总结一下.AppInventor的原理简单的说就是添加各种功能的组件,然后像拼图一样,把各各组件拼凑在一起,一个app就完成了.不会遇到让人头疼的复杂的代码之类的,所有的操作都是图形化,用鼠标拖动就可以添加和拼装,就像玩积木一样简单.
官方网站上的入门教程很丰富,有一些小程序的制作方法,步骤也很详细,可以自己去学习一下,试着做一做.
http://appinventor.googlelabs.com/learn/gettingstarted.html



另外附上老外的一个视频教程,20分钟就做出了自己的Twitter客户端

你可能感兴趣的:(AppInventor让不会编程的小白也能制作app)