【深海王国】小学生都能做的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蓝牙」就能获得啦~

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/731217.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

跨境多账号需知:指纹浏览器需要用独立IP吗?

指纹浏览器也成为反检测浏览器&#xff0c;旨在安全管理多个账户。在跨境多账号中&#xff0c;多个账号容易引发网站怀疑并最终导致大量账户被暂停&#xff0c;使用反检测浏览器的主要目的是通过创建新的浏览器指纹来隐藏用户的真实浏览器指纹。 但浏览器指纹并不是网站关注的唯…

收费4980的AI批量混剪,素材技术方法工具配套,详细拆解!

前几天有朋友跟我讲&#xff0c;他说有做旅游卡的&#xff0c;他们收费4980元&#xff0c;给500张卡&#xff0c;送AI批量混剪技术&#xff0c;问我们有没有&#xff1f; 批量混剪技术&#xff0c;这个其他早在2022年的时候我们就已经使用了。有开通抖音企业号的朋友都知道&am…

AIGC-CVPR2024best paper-Rich Human Feedback for Text-to-Image Generation-论文精读

Rich Human Feedback for Text-to-Image Generation斩获CVPR2024最佳论文&#xff01;受大模型中的RLHF技术启发&#xff0c;团队用人类反馈来改进Stable Diffusion等文生图模型。这项研究来自UCSD、谷歌等。 在本文中&#xff0c;作者通过标记不可信或与文本不对齐的图像区域&…

106、从中序与后序遍历序列构造二叉树

给定两个整数数组 inorder 和 postorder &#xff0c;其中 inorder 是二叉树的中序遍历&#xff0c; postorder 是同一棵树的后序遍历&#xff0c;请你构造并返回这颗 二叉树 。 提示: 1 < inorder.length < 3000postorder.length inorder.length-3000 < inorder[i]…

数学建模整数规划学习笔记

与线性规划的本质区别在于决策变量是否取整。 &#xff08;1&#xff09;分支定界法 若不考虑整数限制先求出相应松弛问题的最优解&#xff1a; 若松弛问题&#xff08;线性规划&#xff09;无解&#xff0c;则ILP&#xff08;整数规划&#xff09;无解。 若求得的松弛问题最…

Reddit、Discord等社媒网站抓取总结:如何更高效实现网页抓取?

有效的网络抓取需要采取战略方法来克服挑战并确保最佳数据提取。让我们深入研究一些关键实践&#xff0c;这些实践将使您能够掌握复杂的网络抓取。 一、了解 Web 抓取检测 在深入探讨最佳实践之前&#xff0c;让我们先了解一下网站如何识别和抵御网络爬虫。了解您在这一过程中…

基于改进TLS-ESPRIT的旋转机械故障诊断方法(MATLAB)

针对轴承信号微弱的问题&#xff0c;目前有以下几种方式来改善。如常用方法有&#xff1a;窗函数方法、非参数方法以及参数方法等。其中非参数方法包括AR模型、Prony指数模型等&#xff1b;参数方法中最为代表性的是MUSIC(多信号分类)方法&#xff0c;该方法通过对相关矩阵的特…

ECharts Y轴倒置,X轴顶部,图表反向

1.配置&#xff1a; xAxis:{position: ‘top’} //让x轴在顶部 yAxis: { inverse:true} //让Y轴坐标为反向坐标 2.将数据的只转换成负值&#xff08;不建议&#xff09;&#xff0c;显示的时候formatter里面在显示正值&#xff08;不建议&#xff09;

百度文库AI产品“橙篇”:支持10万字长文生成,开启AI创作新篇章

6月19日&#xff0c;百度文库发布了一款创新产品「橙篇」&#xff0c;这一行业首创的产品集成了10万字长文生成及多模态编辑能力&#xff0c;成为首个实现「查阅创编」一站式AI自由创作平台的里程碑。 百度“橙篇”官网&#xff1a; 地址&#xff1a;橙篇AI - 用橙篇&#xf…

编译 CanMV 固件

前言 上一章节中已经搭建好了基于 CanMV 的 C 开发环境&#xff0c;这么一来便可以进行基于 C 语言和 FreeRTOS 的应用开发或者编译基于 MicroPython 语法的应用开发方式所需的 CanMV 固件&#xff0c;本 章就将带领读者体验一下 CanMV 固件的编译流程。 本章分为如下几个小节&…

<Rust><iced><resvg>基于rust使用iced构建GUI实例:使用resvg库实现svg转png

前言 本文是使用rust库resvg来将svg图片转为png图片。 环境配置 系统&#xff1a;windows 平台&#xff1a;visual studio code 语言&#xff1a;rust 库&#xff1a;resvg 代码分析 resvg是一个基于rust的svg渲染库&#xff0c;其官方地址&#xff1a; An SVG rendering li…

VScode创建ROS项目 ROS集成开发环境

ROS使用VScode创建项目步骤 1.创建ROS工作空间2.启动VScode3.VScode编译ROS4.创建ROS功能包C语言开发Python语言开发 本文章介绍了如何在Ubuntu18.04系统下搭建VScode 的ROS项目 搭建项目分为一下几个步骤&#xff1a; 1.创建ROS工作空间 创建一个demo的ROS工作空间&#xff0…

【windows|009】计算机网络基础知识

&#x1f341;博主简介&#xff1a; &#x1f3c5;云计算领域优质创作者 &#x1f3c5;2022年CSDN新星计划python赛道第一名 &#x1f3c5;2022年CSDN原力计划优质作者 ​ &#x1f3c5;阿里云ACE认证高级工程师 ​ &#x1f3c5;阿里云开发者社区专家博主 &#x1f48a;交流社…

百度地图使用任意图片旋转任意角度作为地面贴图

公司项目有个需求是要在地图上贴个航拍的照片做出类似卫星地图的效果,但是只有一张图片而且可以随时替换,也不好做瓦片地图,而且照片的角度可以任意旋转。 要实现这个功能需要解决以下问题: 百度地图怎么贴图片图片角度如何旋转 不卖关子,我先放出实现的效果,为了不涉及侵…

DN-DETR

可以看到&#xff0c;与 DAB-DETR 相比&#xff0c;最大的差别仍然在 decoder 处&#xff0c;主要是 query 的输入。DN-DETR 认为可以把对 offsets 的学习&#xff0c;看作一种对噪声学习的过程&#xff0c;因此&#xff0c;可以直接在 GT 周围生成一些 noised boxes&#xff0…

Git 使用指南(附详细解释)

Git 是一个强大的版本控制系统&#xff0c;广泛用于软件开发中&#xff0c;用于跟踪文件的更改、协作工作等。无论你是新手还是有经验的开发者&#xff0c;掌握 Git 都是非常有益的。这篇博客将带你了解 Git 的基本使用&#xff0c;希望能帮助你快速入门并有效使用 Git。 1. 创…

【重磅消息】微软开源了自家的Florence-2,处理各种视觉任务的统一模型

在人工通用智能&#xff08;AGI&#xff09;系统的世界里&#xff0c;一个重要的转变正在发生&#xff0c;那就是利用多功能的、预先训练好的表征&#xff0c;在各种应用中表现出与任务无关的适应性。这种转变始于自然语言处理&#xff08;NLP&#xff09;领域&#xff0c;现在…

创业众筹网

摘 要 创业是社会经济发展的重要动力&#xff0c;其在任何经济发展时期任何国家都最具活力与桃战性。然而创业的资金却是90%创业者面临的首要问题。包括积蓄不足、无不动产、负债、不知如何向银行申贷,及无法预估所创行业之总资金、成本。部分创业者虽然有心创业&#xff0c;但…

numpy-stl库的基本使用及notebook下的使用

numpy-stl库的基本使用及notebook下的可视化 https://pypi.org/project/numpy-stl/ 安装 conda install -c conda-forge numpy-stl引入资源 import numpy as np import matplotlib.pyplot as plt from mpl_toolkits import mplot3d from stl import mesh读取stl文件 stl_fil…

安卓逆向案例——X酷APP逆向分析

X酷APP逆向分析 这里介绍一下两种不同的挂载证书的方法。 chls.pro/ssl无法在浏览器中下载证书是什么原因解决方法&#xff1a; 法一 1. 挂载系统分区为读写 使用正确的挂载点来挂载系统分区为读写&#xff1a; su mount -o remount,rw /dev/uijISjR/.magisk/block/syste…