Hi~ (o^^o)♪, 各位深海王国的同志们,早上下午晚上凌晨好呀~ 辛勤工作的你今天也辛苦啦(/≧ω)
今天大都督依旧为大家带来小学生都能学会的APP制作教程,帮你一周内快速开发一款可以和单片机无线通讯的手机蓝牙APP,let’s go!
(7)完结篇:APP最终美化、配色、logo一应俱全
不知不觉,本系列已经来到了最后一节,大都督看好你!继续加油!最后一节,我们将完成整个手机远程控制APP的制作,并学习如何使用AppInventor的一些界面功能,如更改应用名称、APP图标、页面显示等。
打造一个专属logo:
如果将来,你想拿这个APP做比赛或者做项目,一个属于自己的logo就必不可少,大都督就教大家如何生成自己的logo:
首先我们去搜索网站上搜索logo生成:
然后随便点进去几家看看,一般都是要收费的,想要不花钱,也有办法,在公众号「深海大都督」或者本站后台私信我,我告诉你怎么白嫖。这里注意,一定要找可以预览生成效果的店家,如果要先掏钱再生成的,大可不必。
这里是大都督常用的一家网站,网址链接在这里,填入生成词,选择好色系就可以啦。给大家看一下生成效果:
然后在编辑界面我们可以更改一下logo的属性:
之后怎么样免费白嫖这张logo,文章里大都督就不写啦,怕律师函警告,具体办法在公众号「深海大都督」或者本站后台私信我。
项目属性更改(APP应用名称和图标):
在获得我们的专属logo后,我们将logo裁剪成1:1的比例:
然后点击AppInventor的Project Properties项目属性:
给我的APP取个响亮的名字:
再将我们裁好的logo上传上去作为APP的图标:
这个Project Properties项目属性里更改的是我们整个APP的属性,比如版本编号、版本名称之类的,其他属性之后再有用到我们再讲,目前我们会更改应用名称和显示图标就够啦。
Screen屏幕属性更改(状态栏、标题显示、屏幕方向与滚动):
然后我们点击Screen1,这个是修改我们APP显示页面的属性:
比如我们可以把Screen1这个大蓝框去掉(就是标题栏),然后根据根据个人喜好修改状态栏显示(就是显示手机最上面显示时间、状态的那栏),再调整一下屏幕方向与是否启用滚动。
我们还可以在这个页面下面插入我们刚才制作的logo图:
先点击用户界面的图像然后拖进APP制作页面,再调整一下图片的比例和所以用的图片文件,效果如下:
更改配色方案:
最后我们可以给APP的按钮啦,列表显示框啦都更改一下配色,首先我们可以去b站上搜索“配色”,
然后找一个你喜欢的视频,看里面有没有你喜欢的配色方案,选一个心仪的记下它颜色的HEX码:
HEX颜色代码是一种用十六进制值表示颜色的方式,广泛应用于网页设计和计算机编程中。这种编码方式可以精确地指定在RGB色彩空间中的颜色。HEX代表十六进制(hexadecimal),它是一种基于16的数制系统,使用数字0到9和字母A到F来表示数值。
一个HEX颜色代码通常以井号(#)开始,后面跟着6个十六进制数字。这六个数字分为三组,每两个一组代表红(R)、绿(G)、蓝(B)三种基色的强度。每对数字的取值范围从00到FF,其中00表示该颜色成分不呈现,FF代表该颜色成分全强度输出。比如,红色的HEX代码是#FF0000,绿色是#00FF00,蓝色是#0000FF。
然后点击组件的颜色选项(基本上常用组件都可以更改颜色,操作类似),进行自选颜色:
输入我们刚才记得颜色HEX码:
这样就更改好啦:
最终成品:
在使用了配色方案后,我们的APP最终效果如下,是不是漂亮多了呀?
最后如果大家需要这节课的aia项目工程文件,和本系列最终成品APP,在「深海大都督」里了,回复「BLE蓝牙」就能获得啦~*
经过本系列的学习,相信大家已经对APP制作初窥门径了,之后大都督还会推出其他AppInventor的系列文章,大家可以继续关注哦!
最后感谢大家对本系列的支持!深海王国没你不行!
学到这里的你,今天也辛苦啦!需要的相关材料链接我都放在公众号「深海大都督」里了,回复「BLE蓝牙」就能获得啦~
哈哈,让焦虑不再蔓延,信息不再高壁,如果你觉得这篇文章对你有帮助,就来个免费的点赞吧!
(◍˃̶ᗜ˂̶◍)✩我深海大都督正式授予你深海王国公民的身份~
(・ω< )★ 加入深海大家庭,快乐摆烂每一天!