前言

本項目通過闡述基于ESP8266作為處理器（SoC模式開發）接入機智云，借助機智云安卓開源框架設計的APP，實現了燈的控制、門禁的控制、溫濕度的讀取、有毒氣體的檢測、人體紅外檢測等功能。

通過改造機智云開源框架，還實現了一個智能硬件系統支持多種控制方式，如：安卓APP控制、本地按鍵控制、紅外遙控控制、天貓精靈控制，且每一種操作都能和APP同步顯示。

本文是第一篇：總體介紹和安卓開發（邏輯控制部分實現）

1.界面演示2.下載機智云安卓開源框架3.創建項目4.修改App圖標、名字等信息5.填寫App ID與App Secret時APP和機智云云端綁定6.UI界面編寫7.思路整理及準備工作8.編寫控制代碼、調試測試APP

進入正文

1.界面演示

進入名為小智的的APP直接跳轉到設備界面，處于遠程控制狀態

點擊進入綜合系統，這是大燈的控制面板，左邊是關閉狀態，右邊是開啟狀態，其中復位按鈕時復位門禁和大燈的

這是門禁開關的面板，開啟門禁需要輸入密碼，此處設置為:"open"

點擊綠色按鈕進入密碼輸入界面：

指示門禁打開成功，按下紅色按鈕關閉門禁

溫濕度檢測

有毒氣體和人體紅外檢測

2.下載機智云安卓開源框架

2.1.下載機智云安卓開源框架：

機智云下載中心：

https://download.gizwits.com/zh-cn/p/92/93

碼云下載地址：

https://gitee.com/dantang/GOpenSource_AppKit_Android_AS

注意剛開始打開，因為gradle版本的問題會有一系列的問題報錯，可以選擇Android studio自動下載的方案，或者從網上找解決方案

此處有解決方案：http://docs.gizwits.com/zh-cn/AppDev/AndroidSDKA2.html

下載到真機上，如下

開源框架主要目錄結構說明

A. Libs: 包括 GizWifiSDK 在內的的第三方庫目錄**

assets: 包含 UIConfig.json 配置文件

B. GizOpenSource: 組成模塊

GizOpenSourceModules：組成模塊

GosApplication.java // SDK 在此啟動

CommonModule // 公共方法類、資源文件讀取類

ConfigModule // 設備配置模塊，包含 AirLink 及 SoftAP

UserModule // 用戶模塊，包含 用戶登錄、用戶注冊、找回密碼

DeviceModule // 設備模塊，包含 設備列表

ControlModule // 控制模塊，包含 控制示例

SettingsModule // 設置模塊，包含 設置菜單 及其 包含的子菜單項（關于等）

PushModule // 推送模塊，包含 百度和極光的推送SDK 集成封裝

ThirdAccountModule // 第三方登錄模塊， 包含 第三方登錄（QQ、微信等）

view // 自定義控件

utils // 工具類

wxapi // 微信集成包

zxing//掃描二維碼

3.創建項目

在機智云創建一個賬號，然后進入開發者中心創建一個項目，如下：

數據點如下：

點擊應用配置，選擇安卓開發：

4.修改App圖標、名字等信息

使用Android studio打開機智云的安卓開源框架

現在先修改一些簡單的東西：

4.1.修改軟件圖標如下所示的圖片

把這張圖片放進工程的APP/res/drawable目錄下，以便待會應用

進入

4.2.修改APP名字為：小智

4.3.修改APP默認啟動進入的Activity，直接進入設備控制界面

把上面紅框額備份剪切到GosDeviceControlActivity下面，啟動之后直接到這個Activity

注意還需要在：GosDeviceListActivity的Oncreate設置一下主題：

默認標題欄是灰色的，修改自己想要的顏色，把鼠標放在AppTheme按住CRTL +鼠標左鍵，跳轉到

跳轉到這里：

修改后如下

4.4.修改進入App默認彈出的圖片，此處默認為機智云的，現在我們換成自己的圖片

修改成如下的圖片：

把這個照片復制到，如下的目錄下：drawable目錄下

按如下的步驟修改：

修改成我們想要的圖片：

基本信息修改完成后可以下載到真機下看一下這個App的變化：

5.填寫App ID與App Secret時APP和機智云云端綁定

App ID與App Secret含義與作用

App ID：應用標識碼，當開發者需要為一款智能產品開發應用（包括iOS、Android、Web應用等）時，在機智云開發者中創建應用的時候，后臺會自動生成一個AppID，并與此設備進行關聯。應用開發時需要填入此AppID。在APP注冊的所有用戶綁定在該Appid下。

App Secret：App ID的驗證密鑰。

如下圖所示，為APPID在開發APP過程中的作用。

步驟：

1.進入機智云開發者中心，打開開發的項目，找到如下的信息

2.打開Android sturio的APP->src-assets下的UIconfig.json文件填寫數據如下：

此文件詳細說明：http://docs.gizwits.com/zh-cn/AppDev/Android%E7%AC%AC%E4%B8%89%E6%96%B9%E7%99%BB%E5%BD%95%E4%B8%8E%E6%8D%A2%E8%82%A4.html

備注：在這個文件同樣可以修改自定義的皮膚：

定義如下：

buttonColor：按鈕顏色

buttonTextColor：按鈕文字顏色

navigationBarColor：導航欄顏色

navigationBarTextColor：導航欄文字顏色

configProgressViewColor：配置中界面 progress view 顏色

先修改膚色為：

則對應的代碼為：

"buttonColor": "16B599",

"buttonTextColor": "FFFFFF",

"navigationBarColor": "16B599",

"navigationBarTextColor": "FFFFFF",

"configProgressViewColor": "000000",

注意：這里的顏色值，字幕需要大寫

6.UI界面編寫

因為這部分內容比較多，所以直接放在另一篇博客了：UI界面編寫

界面如下：

7.思路整理及準備工作

各種控件的使用跳轉鏈接：

TextView控件使用：

https://blog.csdn.net/qq_36243942/article/details/82107426

Button控件的使用：

https://blog.csdn.net/qq_36243942/article/details/82113312

ImageView的使用：

https://blog.csdn.net/qq_36243942/article/details/81783895

CheckBox的使用：

https://blog.csdn.net/qq_36243942/article/details/81744237

Toast的使用

https://blog.csdn.net/qq_36243942/article/details/82622796

在進行控制代碼編寫之前先理清楚一下思路：

7.1. 我們寫的控制代碼如何和ESP8266芯片聯系起來？

在第5步的時候綁定了App和云端，機智云開源框架的SDK有一個回調接口。

SDK回調接口說明：

APP端接收到MCU上報數據的回調接口：didReceiveData，判斷result為GizWifiErrorCode.GIZ_SDK_SUCCESS，則接收到的數據可能為普通數據點或者擴展數據點。

那么我們只需要在工程中調用這個回調接口函數，就可以在機智云服務器獲取我們工程相應的數據點。

同理，機智云也提供了一個GizWifiDevice這個類，讓我們能去控制云端數據點的數據，通過這個類的write()方法就可以控制。

如果當我們寫好了ESP8266的代碼，并它燒錄進開發版，進行聯網和云端進行連接，ESP開發版就會根據云端的數據去控制開發版（當然這部分代碼還是得我們自己來寫，機智云只是提供了數據控制點）

7.2.在工程中建立控制數據點的名稱

我們控制一個設備也是通過判斷哪一個數據點來進行控制的，因此我們設置的數據點的名稱需要和工程數據點的名稱對應：

看一下工程的數據點的標識名：

在GosDeviceControlActivity這個類定義這個數據點，如下：

7.3.在工程中建立保存數據的變量

既然我們能從云端獲取這些數據，那我們就需要把這些數據保存起來，并存儲在本地變量中。

7.4.建立一個ConcurrentHashMap的全局變量

用于存儲下發的指令：

例子：

比如需要使Red_OnOff 這個數據點變成1，那么只需要做如下操作：

map=new ConcurrentHashMap<>();

map.put(RED_OnOff,true);

//調用device的write方法

device.write(map,0);

需要使Red_OnOff 這個數據點變成0，那么只需要做如下操作：

map=new ConcurrentHashMap<>();

map.put(RED_OnOff,false);

//調用device的write方法

device.write(map,0);

7.5.聲明layout文件中控件的的變量

//聲明兩個按鈕變量，分別是復位和檢測復位

private Button btn_Reset;

private Button btn_reset_det;

//聲明TextView主要是顯示一些狀態

private TextView tv_RED;   //顯示大廳燈狀態的變量

private TextView tv_GREEN;   //顯示食廳燈狀態的變量

private TextView tv_BLUE;  //顯示臥室燈狀態的變量

private TextView tv_indicate;//顯示門禁狀態的變量

private TextView tv_racall;  //溫度顯示

private TextView tv_hum;    //濕度顯示

private TextView tv_body;    //人體紅外檢測

private TextView tv_gas;    //有毒氣體檢測

private TextView tv_dettimes;  //人體紅外感應次數

private CheckBox cb_01;    //大廳燈開關的CheckBOx

private CheckBox cb_02;    //食廳燈開關的CheckBOx

private CheckBox cb_03;    //臥室燈開關的CheckBOx

private ImageButton iv_door_open;  //門禁開的IamgeButton

private ImageButton iv_door_close;//門禁關的IamgeButton

//記錄人體紅外檢測的次數

private static int detcton_times=0;

7.6.在initView方法中獲取所有控件對象

8.編寫控制代碼

那就順著UI界面從上到下編寫吧。

8.1.編寫復位按鈕的代碼：

打開GosDeviceControlActivity.java這個類，在initView中為btn_Reset對應的按鈕綁定監聽器

8.2編寫紅外檢測復位按鈕的點擊事件

8.3.編寫大燈面板的點擊事件（CheckBox）

也就是所如果選中第一個CheckBox讓Red_OnOff數據點變為高電平，否則變為低電平。

選中第二CheckBox讓Green_OnOff數據點變為高電平，否則變為低電平。

選中第三個CheckBox讓Blue_OnOff數據點變為高電平，否則變為低電平。

代碼如下，這部分代碼同樣寫在initView中：

//大燈面板的點擊事件

    cb_01.setOnClickListener(new View.OnClickListener() {

      @Override

public void onClick(View view) {

if(cb_01.isChecked())

        {

map=new ConcurrentHashMap<>();

map.put(RED_OnOff,true);

          device.write(map,0);

          tv_RED.setText("大廳燈開關：開");

        }else

        {

map=new ConcurrentHashMap<>();

map.put(RED_OnOff,false);

          device.write(map,0);

          tv_RED.setText("大廳燈開關：關");

        }

      }

    });

    cb_02.setOnClickListener(new View.OnClickListener() {

      @Override

public void onClick(View view) {

if(cb_02.isChecked())

        {

map=new ConcurrentHashMap<>();

map.put(GREEN_OnOff,true);

          device.write(map,0);

          tv_GREEN.setText("食廳燈開關：開");

        }else

        {

map=new ConcurrentHashMap<>();

map.put(GREEN_OnOff,false);

          device.write(map,0);

          tv_GREEN.setText("食廳燈開關：關");

        }

      }

    });

    cb_03.setOnClickListener(new View.OnClickListener() {

      @Override

public void onClick(View view) {

if(cb_03.isChecked()){

//開藍燈指令

map=new ConcurrentHashMap<>();

map.put(BLUE_OnOff,true);

          device.write(map,0);

          tv_BLUE.setText("臥室燈開關：開");

        }else

        {

map=new ConcurrentHashMap<>();

map.put(BLUE_OnOff,false);

          device.write(map,0);

          tv_BLUE.setText("臥室燈開關：關");

        }

      }

    });

8.4.編寫門禁開關面板

這部分相對于前面來說是比較復雜的，因為當點擊了綠色按鈕開門的時候是需要輸入密碼的，在這里的操作是使用Intent跳轉到另一個Activity，同時使用Intent傳輸數據，如果在另一個Activity輸入正確的密碼，那么就會回到原來這個Activity，并打開門禁，否則打開門禁，關閉門禁這個按鈕相對簡單一點，就直接是發送一個關閉的命令而已。

所以當我們在門禁開關點擊了綠色按鈕就會跳轉到LockActivity

也就是如下這個界面：

那么現在去LockActivity.java這個類去寫相關的控制函數了

8.5.LockActivity相關代碼

和上面一樣，這個控件有一個EditView,兩個按鈕：確定，取消，還需要使用一個變量來保存密碼，默認為"abc"

同樣在initView獲取控件對象:

調用EidtView的addTextChangedListener方法來讀取我們輸入EditView輸入的數據：

接下來就是編寫確認按鈕（sure_button）和取消按鈕（cancle_button）的代碼了。

思路:當在EditView輸入密碼時，框內的內容會實時保存在mpassward這個變量中，當按下確認按鈕，就去判斷這個mpassward這個變量中是否保存有“open”這個字符串，如果有的話就返回上一級，并返回正確的結果，如果輸入密碼為空提示輸入正確的密碼，輸入密碼錯誤提示錯誤；按下取消按鈕直接返回上一級，并返回失??！

代碼如下：

確認按鈕：

取消按鈕

8.6.處理從上一級處理返回結果

回到GosDevideContrlActivity去判斷返回的結果是否正確，正確則代開門禁的開關，否則不打開。

8.7.從云端獲取溫濕度以及氣體檢測等數據

思路：使用機智云SDK的回到方法didReceiveData，獲取數據，獲取到的是一串字符串，我們需要把這個字符串我們需要的信息提取出來，保存在7.3節中建立的變量當中，以便我們使用：

解析云端數據函數：

在云端返回的是一個ConcurrentHashMap類型的數據，需要把這些數據的有用信息提取出來，代碼如下：

@SuppressWarnings("unchecked")

protected void getDataFromReceiveDataMap(ConcurrentHashMap dataMap) {

// 已定義的設備數據點，有布爾、數值和枚舉型數據

if (dataMap.get("data") != null) {

      ConcurrentHashMap map1 = (ConcurrentHashMap) dataMap.get("data");

for (String dataKey : map1.keySet()) {

if (dataKey.equals(RED_OnOff)) {

          data_Red_OnOff = (Boolean) map1.get(dataKey);

        }

if (dataKey.equals(GREEN_OnOff)) {

          data_Green_OnOff = (Boolean) map1.get(dataKey);

        }

if (dataKey.equals(BLUE_OnOff)) {

          data_Blue_OnOff = (Boolean) map1.get(dataKey);

        }

if (dataKey.equals(DOOR_OnOff)) {

          data_Door_OnOff = (Boolean) map1.get(dataKey);

        }

if (dataKey.equals(KEY_MOVE_DETECTION)) {

          data_Move_Detection = (Boolean) map1.get(dataKey);

        }

if (dataKey.equals(KEY_GAS_DETECTION)) {

          data_Gas_Detection = (Boolean) map1.get(dataKey);

        }

if (dataKey.equals(KEY_TEMP)) {

          data_temp = (Integer) map1.get(dataKey);

        }

if (dataKey.equals(KEY_HUM)) {

          data_hum = (Integer) map1.get(dataKey);

        }

      }

    }

有了這個數據解析的函數，就可以把從云端獲取的數據提取出來，保存在本地變量當中給我們使用了，當提取處信息之后，比如溫度濕度等信息，它已經保存在 data_temp,date_hum中了，我們需要使用TextView把它們的值顯示出來，但是這里有一點值得注意，子線程中是不能執行UI操作的，也就是說不能再didReceiveData方法中調用UI操作TextView，所以需要使用Handler機制，告訴主線程，數據已經準備好，然后主線程接收到信息之后就更新UI操作，也就是顯示溫度濕度等信息啦。

云端獲取數據代碼：

在主線程中更新UI,代碼如下：

最后在initDevide()方法中，設置回調的監聽器

至此，所有的邏輯控制代碼已經編寫完成。

8.8.調試測試

步驟：

1.進入機智云官網，打開你的項目，打開虛擬設備

2.點擊二維碼

3.使用APP掃描

4.掃描后進入

5.使用APP控制看調試結果

經過驗證，我們所寫的控制代碼已經能完成我們的需求了，既能控制工程云端的數據點，又能把工程云端的數據點推送到APP上。

————————————————

版權聲明：本文為CSDN博主「冷暖自知_源」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/qq_36243942/article/details/88561940