【深海王国】小学生都能做的APP？AppInventor、BLE蓝牙、Arduino联合开发你的第一个手机远程控制程序（7）

news2024/11/28 4:33:58

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。

然后点击组件的颜色选项（基本上常用组件都可以更改颜色，操作类似），进行自选颜色：

在这里插入图片描述