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

本文主要是介绍【深海王国】小学生都能做的APP?AppInventor、BLE蓝牙、Arduino联合开发你的第一个手机远程控制程序(7),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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蓝牙」就能获得啦~

哈哈,让焦虑不再蔓延,信息不再高壁,如果你觉得这篇文章对你有帮助,就来个免费的点赞吧!

(◍˃̶ᗜ˂̶◍)✩我深海大都督正式授予你深海王国公民的身份~

(・ω< )★ 加入深海大家庭,快乐摆烂每一天!

这篇关于【深海王国】小学生都能做的APP?AppInventor、BLE蓝牙、Arduino联合开发你的第一个手机远程控制程序(7)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1082377

相关文章

Python实现自动化接收与处理手机验证码

《Python实现自动化接收与处理手机验证码》在移动互联网时代,短信验证码已成为身份验证、账号注册等环节的重要安全手段,本文将介绍如何利用Python实现验证码的自动接收,识别与转发,需要的可以参考下... 目录引言一、准备工作1.1 硬件与软件需求1.2 环境配置二、核心功能实现2.1 短信监听与获取2.

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Java进阶学习之如何开启远程调式

《Java进阶学习之如何开启远程调式》Java开发中的远程调试是一项至关重要的技能,特别是在处理生产环境的问题或者协作开发时,:本文主要介绍Java进阶学习之如何开启远程调式的相关资料,需要的朋友... 目录概述Java远程调试的开启与底层原理开启Java远程调试底层原理JVM参数总结&nbsMbKKXJx

Python结合Flask框架构建一个简易的远程控制系统

《Python结合Flask框架构建一个简易的远程控制系统》这篇文章主要为大家详细介绍了如何使用Python与Flask框架构建一个简易的远程控制系统,能够远程执行操作命令(如关机、重启、锁屏等),还... 目录1.概述2.功能使用系统命令执行实时屏幕监控3. BUG修复过程1. Authorization

pycharm远程连接服务器运行pytorch的过程详解

《pycharm远程连接服务器运行pytorch的过程详解》:本文主要介绍在Linux环境下使用Anaconda管理不同版本的Python环境,并通过PyCharm远程连接服务器来运行PyTorc... 目录linux部署pytorch背景介绍Anaconda安装Linux安装pytorch虚拟环境安装cu

Python自动化处理手机验证码

《Python自动化处理手机验证码》手机验证码是一种常见的身份验证手段,广泛应用于用户注册、登录、交易确认等场景,下面我们来看看如何使用Python自动化处理手机验证码吧... 目录一、获取手机验证码1.1 通过短信接收验证码1.2 使用第三方短信接收服务1.3 使用ADB读取手机短信1.4 通过API获取

MobaXterm远程登录工具功能与应用小结

《MobaXterm远程登录工具功能与应用小结》MobaXterm是一款功能强大的远程终端软件,主要支持SSH登录,拥有多种远程协议,实现跨平台访问,它包括多会话管理、本地命令行执行、图形化界面集成和... 目录1. 远程终端软件概述1.1 远程终端软件的定义与用途1.2 远程终端软件的关键特性2. 支持的

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

macOS怎么轻松更换App图标? Mac电脑图标更换指南

《macOS怎么轻松更换App图标?Mac电脑图标更换指南》想要给你的Mac电脑按照自己的喜好来更换App图标?其实非常简单,只需要两步就能搞定,下面我来详细讲解一下... 虽然 MACOS 的个性化定制选项已经「缩水」,不如早期版本那么丰富,www.chinasem.cn但我们仍然可以按照自己的喜好来更换

Xshell远程连接失败以及解决方案

《Xshell远程连接失败以及解决方案》本文介绍了在Windows11家庭版和CentOS系统中解决Xshell无法连接远程服务器问题的步骤,在Windows11家庭版中,需要通过设置添加SSH功能并... 目录一.问题描述二.原因分析及解决办法2.1添加ssh功能2.2 在Windows中开启ssh服务2