15.4  安卓手机端APP软件的开发

15.4 安卓手机端 APP软件的开发

本节将结合第7章的有关APP开发的知识,介绍如何设计控制灯点亮的手机端APP,包括APP的UI布局和数据处理。本次项目设计APP的UI布局是在XML文件中定义。

下面是关于APP控制LED灯在.XML设计的UI布局:

978-7-111-59182-5-Part02-86.jpg

978-7-111-59182-5-Part02-87.jpg

978-7-111-59182-5-Part02-88.jpg

这段代码主要进行UI布局的设计,设计两个可输入框(IP地址和端口号)和三个可供单击的按钮(连接服务器、开和关)。如图15-3所示是关于布局的界面图。

在完成UI布局后,还需要书写关于数据处理的功能。下面是实现WiFi传输功能的代码。

978-7-111-59182-5-Part02-89.jpg

图15-3 APPUI布局图

978-7-111-59182-5-Part02-90.jpg

978-7-111-59182-5-Part02-91.jpg

978-7-111-59182-5-Part02-92.jpg

978-7-111-59182-5-Part02-93.jpg

978-7-111-59182-5-Part02-94.jpg

上面代码主要功能是:连接WiFi的IP地址和端口号成功后,单击“开”按钮发送字符“K”,单击“关”按钮发送字符“G”。单片机通过WiFi模块ESP8266接收APP端传送过来的数据,从而实现手机端APP对底层LED灯的驱动。