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

Stella981
• 阅读 458

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

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

界面初体验

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

常用的功能都有了。

使用步骤

1、AppInventor地址

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

2、项目创建

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

3、选择布局

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

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

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

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

新创建的屏幕默认叫“screen2”:Android app界面设计工具AppInventor初体验

4、为事件编程

为Screen1中的元素进行编程

点击“编程”按钮:Android app界面设计工具AppInventor初体验

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

增加以下三个功能:

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

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

实现步骤:

功能一实现步骤:

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

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

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

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

(3)组合后效果

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

功能完成,就这么简单。

功能二实现步骤:

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

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

OK,此功能也实现了。

功能三实现步骤:

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

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

在画布中组合:

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

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

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

打包并下载设计好的app

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

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

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

安装并使用app

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

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

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

(3)在虚拟机中如下

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

(4)启动后的效果

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

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

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

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

至此,AppInventor工具讲解完毕。

点赞
收藏
评论区
推荐文章
刚刚好 刚刚好
2个月前
css问题
1、 在IOS中图片不显示(给图片加了圆角或者img没有父级) <div<img src""/</div div {width: 20px; height: 20px; borderradius: 20px; overflow: h
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录 问题 用navicat导入数据时,报错: 原因这是因为当前的MySQL不支持datetime为0的情况。 解决修改sql\mode: sql\mode:SQL Mode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。 全局s
晴空闲云 晴空闲云
2个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。 盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
1个月前
快速入门|使用MemFire Cloud构建React Native应用程序
> MemFire Cloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
Easter79 Easter79
1年前
swap空间的增减方法
(1)增大swap空间 去激活swap交换区: #swapoff -v /dev/vg00/lvswap 扩展交换lv: #lvextend -L 10G /dev/vg00/lvswap 重新生成swap交换区: #mkswap /dev/vg00/lvswap 激活新生成的交换区: #swapon -v /dev/vg00/lvswap
Stella981 Stella981
1年前
KVM调整cpu和内存
一.修改kvm虚拟机的配置 1、virsh edit centos7 找到“memory”和“vcpu”标签,将 <name>centos7</name> <uuid>2220a6d1-a36a-4fbb-8523-e078b3dfe795</uuid>
Wesley13 Wesley13
1年前
Java日期时间API系列36
  十二时辰,古代劳动人民把一昼夜划分成十二个时段,每一个时段叫一个时辰。二十四小时和十二时辰对照表: **时辰** **时间** **24时制** 子时 深夜 11:00 - 凌晨 01:00 23:00 - 01 :00 丑时 上午 01:00 - 上午 03:00 01:00 - 03 :00 寅时 上午 03:00 - 上午 0
Wesley13 Wesley13
1年前
PHP中的NOW()函数
是否有一个PHP函数以与MySQL函数`NOW()`相同的格式返回日期和时间? 我知道如何使用`date()`做到这一点,但是我问是否有一个仅用于此的函数。 例如,返回: 2009-12-01 00:00:00 * * * ### #1楼 使用此功能: function getDatetimeNow() {
Wesley13 Wesley13
1年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
#### 背景描述 # Time: 2019-01-24T00:08:14.705724+08:00 # User@Host: **[**] @ [**] Id: ** # Schema: sentrymeta Last_errno: 0 Killed: 0 # Query_time: 0.315758 Lock_
helloworld_34035044 helloworld_34035044
4个月前
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。 uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid() 或 uuid(sep)参数说明:sep 布尔值,生成的uuid中是否包含分隔符'',缺省为
helloworld_28799839 helloworld_28799839
2个月前
常用知识整理
# Javascript ## 判断对象是否为空 ```js Object.keys(myObject).length === 0 ``` ## 经常使用的三元运算 > 我们经常遇到处理表格列状态字段如 `status` 的时候可以用到 ``` vue