Android app界面设计工具AppInventor初体验

AppInventor 是谷歌推出一种软件工具,是一种在浏览器里面在线设计安卓app界面和功能,而后打包为apk安装包并下载到用户电脑的一种所见即所得的开发平台。本文演示了在本地快速搭建该平台的步骤,让没有任何编程经验的小白也能够开发安卓app。编程

AppInventor 令人们能够拖放代码块(表现为图形图像表明不一样的智能手机功能),将这些代码放在一块儿,相似于将Lego blocks放置在一块儿。结果是在我的智能手机上产生一个应用程序。浏览器

界面初体验

经常使用的功能都有了。app

使用步骤

一、AppInventor地址

访问:http://ai2.17coding.net/工具

二、项目建立

建立一个项目名为:SwitchScreen(固然你也能够叫其余的)布局

三、选择布局

界面选择组件布局,选择垂直布局,并拖动两个按钮到布局中。编码

经过拖动来组装组件的步骤仍是比较简单的。spa

选择并点击“增添屏幕”,在建立一个屏幕,用于点击跳转。.net

新建立的屏幕默认叫“screen2”:设计

四、为事件编程

为Screen1中的元素进行编程事件

点击“编程”按钮:

编程很方便,就是平时咱们的白话,如:设xxx的xxx为xxx,经过拖动组件来实现。下面咱们还演示下如何操做。

增长如下三个功能:

(1)点击按钮“南海是中国的”时,跳转到screen2
(2)当肯定按钮点击时,启动摄像机,并设置拍摄完成后图片的保存路径

(3)“标签1”文本格式设置

实现步骤:

功能一实现步骤:

(1)在screen1节点下,点击button1,在弹出的界面选择功能,并拖动功能到画布。

(2)点击内置块的控制,选择功能块,并拖动到画布进行组合。

(3)组合后效果

功能完成,就这么简单。

功能二实现步骤:

步骤同步骤一,组合后效果:

OK,此功能也实现了。

功能三实现步骤:

(1)选择标签1,选择对应的功能项。而后选择内置块的数字功能:

在画布中组合:

 

目前画布中组合好的所有功能以下:

打包并下载设计好的app

选择编译->下载到本地选项,下载便可。

下载后的就是我们的apk程序了。经过adb install命令安装到虚拟机或手机中就可使用了。

 

安装并使用app

(1)本地搭建一个Android虚拟机或使用实体机器

(2)使用adb 命令安装app,安装过程以下:

(3)在虚拟机中以下

(4)启动后的效果

(5)点击“南海是中国的”按钮后,效果以下:

注意,在此过程当中我们没有写一行代码哦。不过使用这个工具只能建立一些功能比较简单的应用,更多的功能仍是须要经过编码来更详细的编程。

至此,AppInventor工具讲解完毕。

相关文章
相关标签/搜索