APPInventor用mySQL_Android app界面设计工具AppInventor初体验

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

AppInventor 使人们可以拖放代码块(表现为图形图像代表不同的智能手机功能),将这些代码放在一起,类似于将Lego blocks放置在一起。结果是在个人智能手机上产生一个应用程序。

界面初体验

623463288ff2be6dd95f5132d8122c2e.png

常用的功能都有了。

使用步骤

1、AppInventor地址

2、项目创建

创建一个项目名为:SwitchScreen(当然你也可以叫其他的)

3、选择布局

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

c09eb93520dd3fb75f78dcee43d08012.png

通过拖动来组装组件的步骤还是比较简单的。

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

新创建的屏幕默认叫“screen2”:

481f89cdc73ae477ebfa1e9929297ae7.png

4、为事件编程

为Screen1中的元素进行编程

点击“编程”按钮:

f69e782486a7cc35c47873f925cc6e2d.png

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

增加以下三个功能:

(1)点击按钮“南海是中国的”时,跳转到screen2

(2)当确定按钮点击时,启动摄像机,并设置拍摄完成后图片的保存路径

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

实现步骤:

功能一实现步骤:

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

d77f50989e170d1847b86ec7953c322e.png

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

46a342a0cd2821184637ac4e01a36c7c.png

(3)组合后效果

53c1ef2ab137545cde8a99150816c8ac.png

功能完成,就这么简单。

功能二实现步骤:

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

089fd336496e64b5271c8b63f317cd35.png

OK,此功能也实现了。

功能三实现步骤:

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

a865ad487b32b728f72437cbdf994446.png

在画布中组合:

f69b894b0c32a536316fdd31a2dc16a3.png

目前画布中组合好的全部功能如下:

c422cb931768b2ce3ada938b5a2cd9f2.png

打包并下载设计好的app

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

c7006648c043ab62b54d15e0f8be615d.png

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

安装并使用app

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

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

8a21bbbea115af98ef105899a854e656.png

(3)在虚拟机中如下

318ba5d65dc1de4ab77df64005b7426d.png

(4)启动后的效果

d169c21528decbd462b4cf6449bdd2cc.png

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

39b43aac7f8bcf61fa43c55f8a6bb4f7.png

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

至此,AppInventor工具讲解完毕。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值