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

2024-04-30 03:45:00

2019独角兽企业重金招聘Python工程师标准>>>

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

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

界面初体验

常用的功能都有了。

使用步骤

1、AppInventor地址

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

2、项目创建

创建一个项目名为：SwitchScreen（当然你也可以叫其他的）

3、选择布局

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

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

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

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

4、为事件编程

为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工具讲解完毕。

转载于:https://my.oschina.net/u/2391658/blog/711296

Android app界面设计工具AppInventor初体验相关推荐

APPInventor用mySQL_Android app界面设计工具AppInventor初体验
AppInventor 是谷歌推出一种软件工具,是一种在浏览器里面在线设计安卓app界面和功能,然后打包为apk安装包并下载到用户电脑的一种所见即所得的开发平台.本文演示了在本地快速搭建该平台的步骤, ...
android零碎要点---android开发者的福音，59_1 Android的界面设计工具，直接拖拉就可以设计界面，Java技术qq交流群：JavaDream：251572072
Java技术qq交流群:JavaDream:251572072 2013/5/16 59_1 Android的界面设计工具 -------------------------------------- ...
android 尺寸转换工具,Android APP界面标注、尺寸换算和APP标注工具
今天25学堂跟大家来聊一聊 Android APP标注尺寸入门教程和app标注工具. 众所周知,对追求高还原的移动APP产品来说,移动APP设计稿上的精确尺寸标记是必不可少的的一步.很多设计师都抱怨A ...
android 标注比例换算,Android APP界面标注、尺寸换算和APP标注工具
众所周知,对追求高还原的移动APP产品来说,移动APP设计稿上的精确尺寸标记是必不可少的的一步.很多设计师都抱怨APP程序员做的效果太差,跟设计图相差太多,你有没有提供最规范的Android APP界 ...
android ui设计最新字体,2017年最新最直白的app界面设计字体规范
关于app界面设计字体规范的文章和干货,想必大家都看了不少,其实想要的表达和传递的app界面设计字体规范知识点就4点. 25学堂的小编通过对不同类型的app进行总结,为大家整理出来了2017年最简单明 ...
2021年10种手机app界面设计用户体验趋势
幸运的是,当2020年即将结束时,这是探索2021年我们将拥有的完美时机.这里列出了2021年将形成的10种移动用户体验设计趋势. 1.超级应用程序的兴起在过去的二十年中,移动应用程序开发模型保持不 ...
android 优秀app界面设计,基于Android系统的App界面设计.doc
基于Android系统的App界面设计摘要:智能手机时代的来临改变了大多数人的生活习惯,时至今日智能手机已经成为了人们工作生活中的一部分,在工作生活中发挥着重要的作用.App作为智能手机应用程序的 ...
android水果界面设计,一套小清新的水果元素的APP界面设计欣赏
这套小清新的而可爱风格的的APP名字叫:\"Fresh It Up\" – App Design 这套APP设计图来自国外设计网站behance. \"Fresh It ...
android 距离右边距,APP界面设计中间距与边距的要点
原标题:APP界面设计中间距与边距的要点广州UI设计别样设计表示,无论是做网页设计.后台系统设计.还是APP界面设计,都要遵守一定的设计规范,俗话说的好,无规矩不成方圆,在无需创新的情况下遵守设计规 ...
android ui头像圆角化,APP界面设计当中，为什么喜欢把头像设计成圆形
看到这样的标题,你是不是也很惊奇呢?仔细的去回想一下,好像很多APP界面设计当中的头像都是圆形的.很少见到头像是方形的.菱形或者四边形的. 这是为什么呢? 难道是因为好看吗? 今天25学堂的小编跟大家 ...

最新文章

热门文章