您的位置 首页 > 数码极客

【显示器下面5个按钮】app inventor教程(一)屏幕、按钮、复选框、日期选择框

App inventor是相对较冷的应用程序开发程序,相当于Java、Python或其他[奸笑]。让我们看一下app inventor中的屏幕、按钮、复选框和时间选择框。

。。。。


(一)按钮

为什么不先讲屏幕呢?因为我有bing[奸笑]。。。按钮是app inventor中非常重要的组件,你几乎每一个应用都需要按钮,除非你制作了一个超级简单的应用(进去直接黑屏),你或许可以不用到。在组件面板上,我们可以在左边找到按钮

按钮

你点击按钮然后再拖到中间的屏幕上,就算是为应用添加了一个按钮

屏幕中的按钮

这时,我们可能发现这个按钮并不好看,你可以在最右边的属性栏中调节按钮的属性,下面可以修改按钮的图像

修改按钮图像

我们从图库或者是别的文件中导入一张图片,但是图片名称中不可以有中文(我也不知道为什么[捂脸])选择完图片,再点击确定,你就修改了按钮的图像

修改后的按钮

修改过后,图像有了,但是中间的字还在,我们可以在属性栏中把按钮的文本全部删掉。而且按钮会的大小会自动变成图像的大小(有时会大到屏幕之外),所以现在我们就应该修改按钮的大小,将自动修改为你想要的数值

修改按钮大小

你也可以调整按钮的可见性

调整按钮可见性

如果将可见性的那个勾点没,这个按钮就你就看不见了,但是如果你点击按钮原来所在的区域,按钮仍然可以使用,这是你就需要调整按钮的启用,在属性栏的上面,这样这个按钮才能算废了[奸笑]。。。

下面将简要讲一下按钮的逻辑设计。

按钮的一堆代码块

逻辑设计就是赋予按钮一个行为,例如“当用户点击按钮时,就干什么什么东西”。几乎所以有的属性在逻辑设计中都可以调整,比如调整按钮的颜色、大小等等等等等等等等等等等[奸笑]

按钮逻辑示例


(二)屏幕

我们在我再来讲一下屏幕。屏幕是放置组件的地方,大部分组件都需要放在屏幕上才可以运行,例如按钮就需要放在屏幕上

屏幕

在右边的属性栏中可以调节屏幕的背景颜色,例如可以调节为粉色

粉色背景的屏幕

当然你也可以调节屏幕的方向,一般都是默认为竖屏的,除非你要做游戏的话会用到横屏,但是app inventor做游戏非常困难[奸笑]

横着的屏幕

上面这一圈灰色的就是屏幕的标题,一般没有什么用,你可以在属性栏中把它关掉

屏幕的标题

下面是屏幕的逻辑设计,逻辑设计中最重要的代码块是当屏幕初始化那个,很多应用都需要用到

屏幕初始化


(三)复选框

复选框中没有什么东西,属性于与按钮屏幕差不多,主要讲复选框的逻辑设计,最重要的是当复选框改变状态那个,你没有那个代码块,你的复选框就是lj,那个代码块的意思就是当用户点击复选框(给复选框打上那个勾),就触发什么事件。。

复选框的代码块

不要学我把字号调成999,那样你的屏幕会炸裂[奸笑]。。。


(四)日期选择框

这个组件好像基本没有什么用,除非你要做关于日历什么的软件,我也懒得讲了[奸笑]

应用中的日期选择框

如果你做好了应用,点击上面的打包apk就可以了。

好了,这次的课程就到这了,下次见!

关于作者: admin

无忧经验小编鲁达,内容侵删请Email至wohenlihai#qq.com(#改为@)

热门推荐