在本教程中，我們將構(gòu)建超出電子領(lǐng)域的東西。作為一名電子工程師，我們大多數(shù)人都想為我們的物聯(lián)網(wǎng)應(yīng)用程序構(gòu)建一些用戶界面，在大多數(shù)情況下，Android應(yīng)用程序?qū)⑹怯脩襞c我們的物聯(lián)網(wǎng)設(shè)備交互的正確選擇。所以，如果你想為你的物聯(lián)網(wǎng)應(yīng)用程序構(gòu)建一些Android應(yīng)用程序，那么下面的教程是適合你開始的。但是，在我們開始我們的旅程之前，讓我們討論一下Android應(yīng)用程序的一些基礎(chǔ)知識。

在互聯(lián)網(wǎng)上有很多選擇來構(gòu)建Android應(yīng)用程序。這些資源為我們提供了各種工具，如拖放功能，代碼塊等。但是，如果你想為你的物聯(lián)網(wǎng)應(yīng)用程序提供一些可定制的功能，那么最好和傳統(tǒng)的方法是使用本地平臺。我們有三種編程方法來用硬編碼從頭開始構(gòu)建Android應(yīng)用程序。是的，我說的是Java、Kotlin和Dart。在本教程中，我們將通過在android studio軟件中使用Java構(gòu)建一些有吸引力的android應(yīng)用程序。但是，我們的主要重點將是為我們的物聯(lián)網(wǎng)應(yīng)用程序制作一個Android應(yīng)用程序。

你要學(xué)什么?

我們將遵循簡單的Android架構(gòu)，我們需要創(chuàng)建一些活動和布局，我們需要為特定的活動設(shè)計布局。困惑吧?你可以訪問這個鏈接了解更多關(guān)于Android工作流程、模型和架構(gòu)的細節(jié)。在本教程中，我們的主要重點是為Wi-Fi和藍牙應(yīng)用程序創(chuàng)建一個Android應(yīng)用程序。因此，我將本教程分為兩個部分。在第一部分中，我將向您展示如何在Android Studio中制作您的第一個Android應(yīng)用程序，我們將添加一個按鈕和兩個燈泡圖像(用于打開和關(guān)閉狀態(tài))。然后我們將改變按鈕和圖像的狀態(tài)為ON或OFF每當(dāng)我們點擊按鈕。因此，在本教程結(jié)束時，您將學(xué)習(xí)如何構(gòu)建一個簡單的Android應(yīng)用程序，其中包含一個按鈕來控制燈泡，如下所示。

安裝Android Studio并創(chuàng)建我們的第一個項目

點擊鏈接下載最新版本的Android Studio。Android studio的安裝窗口非常簡單。只要遵循Android studio安裝窗口中給出的說明即可。安裝完成后，單擊create a new project按鈕。

屏幕上會彈出一個新窗口。然后從活動列表中選擇一個空活動，并單擊下一步。

現(xiàn)在，您需要提到項目名稱并選擇語言為Java。在“最小SDK”中選擇Android的SDK版本。簡而言之，您需要選擇支持您的應(yīng)用程序的最小Android版本。在我的例子中，我選擇了“API23: Android 6.0 (Marshmallow)”?，F(xiàn)在單擊Finish來啟動項目。

建造這個新項目需要一些時間。確保你有良好的網(wǎng)絡(luò)連接，因為它會下載一些依賴項。當(dāng)項目構(gòu)建完成后，您將在android studio IDE的左上角發(fā)現(xiàn)以下目錄結(jié)構(gòu)。

Android Studio中的文件夾結(jié)構(gòu)：

上圖顯示了項目目錄的結(jié)構(gòu)。在本教程中，我們將在項目目錄中的兩個主要文件中編寫一些代碼。一個是“MainActivity.java”(你可以在“app > java > com.example”中找到這個文件)。另一個是“activity_main.xml”(你可以在“app > res > layout”文件夾中找到這個文件)。讓我們打開“activity_main.xml”文件。

理解activity_main.xml文件：

在xml文件的右上角有三個可用的選項(在下面的圖像中我用橙色圈出了這個選項)。這三個選項分別是代碼、分割和設(shè)計。

代碼部分:

代碼部分將允許您使用編碼制作整個布局。在下面的圖像中，您可以看到activity_main.xml文件的代碼部分。編輯窗口內(nèi)的以下代碼已自動生成。默認布局組件是約束布局。您可以將布局更改為其他布局，如相對布局，線性布局等。

將部分:

分割部分將允許您在對代碼進行一些更改時查看布局。如下圖所示，我們有一個代碼窗口和一個布局窗口。我們可以在布局窗口中實時查看我們的更改。

設(shè)計部分:

Design部分將為您提供拖放功能，以便在布局中添加任何項。在下圖中，你可以看到我們只有設(shè)計窗口，它允許我們拖放組件，我們可以通過使用布局窗口旁邊給出的屬性窗口來改變組件的屬性。

在activity_main.xml中添加一個按鈕：

我們需要在布局文件(即activity_main.xml)中添加一個按鈕。因此，轉(zhuǎn)到activity_main.xml布局文件的代碼部分，并添加下面給出的代碼。

按鈕布局的代碼片段：

解釋:

在上面的代碼片段中，我使用了Button類，并給了它一個唯一的Id，即“Button1”。我使用“android:text”在按鈕上添加文本，該按鈕最初設(shè)置為“TURN on”，每當(dāng)用戶按下按鈕時，我們將從MainActivity.java文件更改此文本。

在activity_main.xml中添加ImageView：

ImageView類用于在應(yīng)用程序中顯示任何類型的圖像資源。我們需要在布局文件(即activity_main.xml)中添加ImageView來顯示燈泡的開/關(guān)狀態(tài)圖像。因此，首先我們需要兩張燈泡的圖像(打開和關(guān)閉狀態(tài))。我已經(jīng)將其下載到項目的“app > res > mipmap”目錄中。

LED圖像的代碼片段：

解釋:

在上面的代碼片段中，我使用了ImageView類，并給了它一個唯一的Id，即“l(fā)ed”。我使用“android:src”來添加處于關(guān)閉狀態(tài)的led的圖像。當(dāng)我使用約束布局時，我已經(jīng)為圖像項設(shè)置了一些約束。我不打算在這里詳細介紹布局。你可以在我上面分享的鏈接中找到細節(jié)。

所以，我們已經(jīng)完成了我們項目的布局。讓我們看看下面的布局。下圖的燈泡處于關(guān)閉狀態(tài)?，F(xiàn)在，我們需要將這個圖像與處于打開狀態(tài)的燈泡的圖像進行切換。在下一節(jié)中，我們將編寫MainActivity.java文件。

MainActivity.Java:

在MainActivity.java文件中，我們需要添加一個Button和一個ImageView類，并且我們需要將Button和ImageView的布局分別分配給它們各自的類。您可以在代碼中找到一個布爾變量“isSwitchOn”。該變量用于維護按鈕和圖像的打開或關(guān)閉狀態(tài)。為了監(jiān)聽來自用戶的點擊，我使用了Button類的setOnClickListener()方法的onClick()函數(shù)。然后在onClick()下，您可以找到一個if-else語句，用于維護按鈕和圖像的狀態(tài)。有一些函數(shù)為wifiButton像setText(), setTextColor(), setBackgroundColor()。這些用于更改wifiButton的布局屬性。如果你想進一步了解這些功能，你可以訪問開發(fā)者的android開發(fā)指南。

主活動java文件的代碼片段：

運行我們的第一個Android應(yīng)用程序：

現(xiàn)在，在繼續(xù)Wi-Fi活動部分之前，讓我們運行我們的應(yīng)用程序。在測試期間，我們有多種選擇來運行我們的應(yīng)用程序。

雖然我們在android Studio中有一個內(nèi)置的android虛擬設(shè)備(AVD)管理器，但最好的選擇是在調(diào)試模式下將android手機連接到PC上。要打開調(diào)試模式，您需要從android手機的設(shè)置中啟用開發(fā)人員選項。啟用開發(fā)人員模式的過程可能因設(shè)備而異。當(dāng)你在調(diào)試模式下將手機連接到PC時，Android Studio會自動識別設(shè)備，然后詢問你的許可。允許這樣做，你的Android手機現(xiàn)在以調(diào)試模式連接到Android工作室。然后您需要允許通過USB安裝apk的權(quán)限?，F(xiàn)在，單擊工具欄上的運行按鈕。有了這些，我們就成功地構(gòu)建了自己的Android應(yīng)用。

我們的第一個Android物聯(lián)網(wǎng)應(yīng)用程序的演示

本文編譯自iotdesignpro