拖拽+拼接开发Android程序:AppInventor

念茜 2011-09-09 04:24:22
加精
本帖摘自:http://blog.csdn.net/nokiaguy/article/details/6762320
如想知道细节请访问原文链接!


如何使用AppInventor来发明Android程序?
使用AppIntentor之前需要有一个Google GMail帐号(没有GMail帐号的读者赶紧到http://mail.google.com去注册一个吧)。使用GMail登录后,直接访问上面的地址就可以进入如图2所示的AppInventor主界面。

单击“New”按钮可以新建一个Android工程。在本例中已经建立了一个DrawRandomCircle工程。单击“DrawRandomCircle”链接进入工程主界面,如图2.35所示。在这个界面中已经包含了设计好的DrawRandomCircle程序,在下一节将会详细介绍如何使用AppInventor设计Android应用程序的界面。


AppInventor除了设计界面的工具外,还有一个C/S结构的编码工具(更准确地说是拼装代码工具)。这个编码工具需要从如下URL下载一个安装程序。其中包含了Android模拟器以及相应的命令行工具、开发包等。

http://appinventor.googlelabs.com/learn/setup/index.html
在安装完该程序后,单击图2.35所示界面右侧的“Openthe Blocks Editor”按钮,会首先要求下载或打开一个JNLP文件,这是Java的部署文件。直接选择打该该文件即可。打开该文件后需要等待一段时间,然后会出现一个如图


用拖拽控件的方式设计界面

界面左侧的列表是各种Android控件,中间空白的区域是拼装代码的区域。在下面我们将看到如何拼装代码。
首先需要在界面上垂直方向放置两个按钮。并且在按钮下方放一个Canvas。这两个控件在界面左侧的“Basic”页中前两个位置,如图

实际上,在完成上述的设计后,就可以进入下一节进行拼装代码了。但为了和2.2节实现的例子的效果完全一样,还需要设置Button和Canvas的相应属性。


像拼图一样拼装代码

单击“My Blocks”标签,以及Button1,会看到如图所示的拼图元素,这些拼图元素就是和在图所示界面中绘制的控件相关的事件和动作。





在拼装完代码后,单击“Connectto Device”按钮。如果这时已经启动了Android模拟器,那刚才拼装的程序会直接在模拟器上运行(如果通过USB连接了手机,并处于调试状态,也可以直接在手机上运行)。

...全文
1865 73 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
73 条回复
切换为时间正序
请发表友善的回复…
发表回复
念茜 2011-09-24
  • 打赏
  • 举报
回复
[Quote=引用 72 楼 louiswangbing 的回复:]

引用 68 楼 baddyboy 的回复:

google自己都不支持的玩意儿就不浪费时间了~

浪费时间?我不太同意。。。
趁现在还能下载得到,还能看到说明文档的时候赶紧试试,以后就没机会了。。
倒不是说它能为应用开发带来多大的方便,但是至少它的思想就值得我们去学习,去体会。。。
[/Quote]


是哦 不妨试试尝尝鲜
七夜_雪 2011-09-20
  • 打赏
  • 举报
回复
[Quote=引用 68 楼 baddyboy 的回复:]

google自己都不支持的玩意儿就不浪费时间了~
[/Quote]
浪费时间?我不太同意。。。
趁现在还能下载得到,还能看到说明文档的时候赶紧试试,以后就没机会了。。
倒不是说它能为应用开发带来多大的方便,但是至少它的思想就值得我们去学习,去体会。。。
念茜 2011-09-20
  • 打赏
  • 举报
回复
顶起来
trista_career 2011-09-19
  • 打赏
  • 举报
回复
恩 值得分享~
zjp1051487464 2011-09-19
  • 打赏
  • 举报
回复
顶 分享
slmax1 2011-09-19
  • 打赏
  • 举报
回复
不错不错...
宋_子 2011-09-19
  • 打赏
  • 举报
回复
求源码
BaddyBoy 2011-09-19
  • 打赏
  • 举报
回复
google自己都不支持的玩意儿就不浪费时间了~
fbiboss 2011-09-19
  • 打赏
  • 举报
回复
请问一下这个东西能完全取代ECLIPSE吗?只是在开发ANDROID程序上
wjlazio 2011-09-16
  • 打赏
  • 举报
回复
看看,学习了。。。。
shampire 2011-09-16
  • 打赏
  • 举报
回复
赶脚还不如写xml来得直观……
七夜_雪 2011-09-15
  • 打赏
  • 举报
回复
妞妞马吉。。呵呵。。。
dspeeding 2011-09-15
  • 打赏
  • 举报
回复
来看看,貌似挺不错的~
openi1314520 2011-09-14
  • 打赏
  • 举报
回复
还是有点麻烦、
ukulele_cn 2011-09-14
  • 打赏
  • 举报
回复
收藏啦,谢谢楼主分享。。。
KANGHONGFEN 2011-09-14
  • 打赏
  • 举报
回复
[Quote=引用 47 楼 forever_crying 的回复:]
引用楼主 yiyaaixuexi 的回复:
本帖摘自:http://blog.csdn.net/nokiaguy/article/details/6762320
如想知道细节请访问原文链接!


如何使用AppInventor来发明Android程序?
使用AppIntentor之前需要有一个Google GMail帐号(没有GMail帐号的读者赶紧到http://mail.googl……
[/Quote]

支持
bourbaki 2011-09-14
  • 打赏
  • 举报
回复
未来的编程方式
gwemail2003 2011-09-14
  • 打赏
  • 举报
回复
简单的可以,逻辑复杂的估计就困难了。。。
小敏 2011-09-14
  • 打赏
  • 举报
回复
支持一下LZ
hankanling123 2011-09-14
  • 打赏
  • 举报
回复
你继续。
加载更多回复(44)
资源下载链接为: https://pan.quark.cn/s/c705392404e8 《MIT App Inventor工具2.3.0版Windows安装指南》 MIT App Inventor是由麻省理工学院(MIT)开发Android应用开发平台,专为初学者设计。它采用积木化编程界面,让非专业程序员也能轻松上手,进行应用创作。文件“MIT_App_Inventor_Tools_2.3.0_win_setup.zip”是一个包含Windows系统安装所需组件的压缩包,其中的Android模拟器可让用户在无物理设备的情况下调试和测试APP。 核心概念 图形化编程:App Inventor以直观的积木式编程为特色,通过拖拽拼接代码块实现复杂逻辑。 组件库:提供按钮、文本框、图像等预定义组件,方便构建应用界面。 实时预览:设计界面中可实时查看应用外观和行为,便于快速调整和测试。 Android模拟器 功能:压缩包中的“MIT_App_Inventor_Tools_2.3.0_win_setup.exe”用于安装模拟器,可模拟真实环境运行和测试应用。 调试优势:能模拟不同设备配置(如屏幕尺寸、操作系统版本),帮助验证应用兼容性。 成本节省:减少对硬件的依赖,便于频繁测试和调试。 安装步骤 解压:将“MIT_App_Inventor_Tools_2.3.0_win_setup.zip”解压到一个文件夹。 运行安装:双击“MIT_App_Inventor_Tools_2.3.0_win_setup.exe”,按向导完成安装。 配置环境:确保电脑已安装Java Development Kit(JDK),因为App Inventor需要JRE运行。 启动服务:安装完成后,启动App Inventor,连接在线编辑器,即可开始创建和调试应用。 使用技巧 版本兼容性:2.3.0版本通

80,472

社区成员

发帖
与我相关
我的任务
社区描述
移动平台 Android
androidandroid-studioandroidx 技术论坛(原bbs)
社区管理员
  • Android
  • yechaoa
  • 失落夏天
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧