建立並執行你的第一個 Android 應用程式

1. 簡介

在本程式碼研究室中,您會使用 Android Studio 提供的基本應用程式,從範本建立第一個 Android 應用程式 (生日快樂)。此外,您會對 Android 專案有大致的瞭解,以及瞭解如何在 Android Studio 中使用不同的視窗。

必要條件

  • 熟悉如何設定及使用應用程式,例如文書處理軟體或試算表

課程內容

  • 如何使用範本為 Android 應用程式建立 Android Studio 專案

建構項目

  • 範本中的基本 Android 應用程式

軟硬體需求

  • 已安裝 Android Studio 的電腦

2. 建立您的第一個應用程式

在這項工作中,您會使用 Android Studio 提供的專案範本建立 Android 應用程式。

專案範本

在 Android Studio 中,專案範本是 Android 應用程式,具備所有必要的功能,但功能並不多。此應用程式的目的是協助您更快上手,為您省去一些工作。Android Studio 中的範例樣本包括:含有地圖的應用程式,以及內含多個畫面的應用程式。

建立空白活動專案

在以下步驟中,您會使用「空白活動」專案範本,為新的應用程式建立全新的 Android Studio 專案。

  1. 按一下 Android Studio 圖示,開啟 Android Studio (如果尚未開啟):

c2a07edcc898a780.png

  1. 「Welcome to Android Studio」(歡迎使用 Android Studio) 視窗會隨即開啟。按一下「New Project」(新專案)

54330c45b3707.png

3eab3db942614cb8.png

  1. 「New Project」(新增專案) 視窗隨即開啟,其中列出 Android Studio 提供的範本清單。

17585ae3cc798e39.png

  1. 按一下頂端的分頁標籤並瀏覽範本,瞭解您可以做出哪些內容!我們為多種不同類型的裝置 (例如手機、平板電腦和智慧手錶) 以及不同類型的應用程式 (可捲動畫面的應用程式、內含地圖的應用程式及導覽介面精美的應用程式) 提供範本。
  2. 按一下視窗左上方的「Phone and Tablet」(手機和平板電腦) 分頁標籤。
  3. 按一下最上排的「Empty Activity」(空白活動) 範本,以選取該範本做為專案的範本。

「Empty Activity」(空白活動) 範本是最簡單的範本,可用於建立應用程式。這個範本只有一個畫面,上面顯示了一句簡單的「Hello World!」訊息。

  1. 按一下視窗底部的「Next」(下一步)。「New Project」(新增專案) 對話方塊隨即開啟。

9623c58875f43a3.png

請按以下方式設定專案:

  1. 「Name」(名稱) 是應用程式的名稱。在「Name」(名稱) 下方的方塊中輸入 Happy Birthday 做為專案名稱。
  2. 「Package name」(套件名稱) 是 Android 系統用來識別應用程式的名稱。通常,此欄位會預設使用貴機構的名稱,後面加上應用程式的名稱,且全部使用小寫 (此例子中為「com.example.happybirthday」)。
  3. 「Save location」(儲存位置) 是儲存所有專案相關檔案的地方。請記下這些檔案在電腦的位置,以便尋找檔案。你也可以暫時將儲存位置保持原樣。
  4. 「Language」(語言) 定義了專案要使用的程式設計語言。確認「Language」(語言) 為「Kotlin」。
  5. 「Minimum SDK」(SDK 最低版本) 代表可執行應用程式的 Android 最低版本。請從下拉式清單選取 API 19: Android 4.4 (KitKat)
  1. 請留意「Minimum SDK」(SDK 最低版本) 下方的說明,其根據您選擇的 API 級別,指出應用程式可在多少裝置上執行。如要進一步瞭解,請按一下 Help me choose 連結,以查看不同 Android 版本的清單 (如下所示)。然後返回「New Project」(新增專案) 視窗。

3009d9e59d0d8c7c.png

  1. 在「New Project」(新增專案) 視窗中,請勿勾選「Use legacy android.support libraries」(使用舊版 android.support 程式庫)。如要進一步瞭解相關資訊,請按一下問號。
  2. 按一下「Finish」(完成)

Android Studio 會開啟專案及其所有檔案。

16bfead7fdf36971.png

第一次開啟 Android Studio 時,您會看到三個視窗:

(1)「Project」(專案) 視窗會顯示專案的檔案和資料夾。

(2)「Editing」(編輯) 視窗可編輯程式碼。

(3)「What's New」(最新消息) 視窗會顯示最新消息和實用提示。

Android Studio 的右下角會顯示進度列或訊息,指出 Android Studio 是否仍在設定專案。例如:

2af7aedcf90c2bf6.png

  1. 請等待 Android Studio 完成專案設定。專案設定完畢後,左下角會顯示一則訊息 (如下所示) 通知您。

7302b878e955d7e7.png

3. 在虛擬裝置 (模擬器) 上執行應用程式

在這項工作中,您將使用裝置管理工具來建立行動裝置的軟體版本 (模擬器),並在電腦上執行此版本。虛擬裝置或模擬器會模擬特定 Android 裝置類型 (例如手機) 的設定。此裝置可以是任何執行所選 Android 系統版本的手機或平板電腦。然後,您會使用虛擬裝置執行透過「空白活動」範本建立的應用程式。

建立 Android 虛擬裝置 (AVD)

如要在電腦上執行模擬器,第一步是為虛擬裝置建立設定。

  1. 在 Android Studio 的選單列中,依序選取「Tools」(工具) > 「Device Manager」(裝置管理工具)

5b9cd291084e7e62.png

裝置管理工具畫面如下所示 (這裡會顯示您先前建立的裝置)。

905214882204b764.png

  1. 按一下「Create device」(建立裝置)

系統隨即顯示「Select Hardware」(選取硬體) 視窗。

1be198e5ec7fcead.png

「Select Hardware」(選取硬體) 視窗會顯示依「Category」(類別) 劃分的預先設定裝置清單以供選擇。表格中,每種裝置的「Size」(尺寸) (代表螢幕尺寸)、「Resolution」(解析度) (代表以像素為單位的螢幕解析度) 和「Density」(密度) (代表像素密度) 各列於一欄。

  1. 選取「Phone」(手機) 做為類別。
  2. 選取一種手機 (例如 Pixel 5),然後按一下「Next」(下一步)。您可以選擇任何手機,但在本程式碼研究室中,請選擇較新的裝置。

系統會隨即顯示「System Image」(系統映像檔) 視窗。在這個視窗中,請選擇要在虛擬裝置上執行的 Android 系統版本。此步驟可讓您在不同版本的 Android 系統中測試應用程式。

24c4196cf7b1d7b5.png

  1. 在「Recommended」(推薦) 分頁標籤中,選擇 S 做為虛擬裝置上執行的 Android 系統版本。截至本文撰寫時間為止,這已是 Android 的最新版,但您也可以選擇任何較新的穩定版本。如要查看穩定版本清單,請參閱這個頁面
  1. 按一下「Next」(下一步)

「Android Virtual Device (AVD)」(Android 虛擬裝置 (AVD)) 視窗隨即顯示,您可以在其中選擇裝置的其他設定詳細資料。

a99fe4fe98f08948.png

  1. 在「AVD Name」(AVD 名稱) 欄位中,請輸入 Android 虛擬裝置的名稱。其餘設定請保持不變。
  2. 按一下「Finish」(完成)

新的虛擬裝置隨即顯示在「Device Manager」(裝置管理工具) 視窗中,並且可供使用。

8b52af001cfad7f4.png

在虛擬裝置上執行應用程式

  1. 請將 Android Studio 移至前景 (如果不在前景的話)。
  2. 在 Android Studio 的工具列中,找出虛擬裝置下拉式選單 (與以下例子類似),然後從下拉式選單中選取您建立的虛擬裝置。aaaf14d4bc7402c2.png (或依序點選「Run」(執行) > 「Select Device」(選取裝置),然後從彈出式視窗中的可用裝置選取虛擬裝置)。
  3. 在 Android Studio 中,選取「Run」(執行) > 「Run app」(執行應用程式),或按一下工具列的「Run」(執行) 圖示。虛擬裝置的啟動方式與實體裝置相似。視電腦速度而定,啟動時可能需要一些時間。

應用程式準備就緒後,就會在虛擬裝置上開啟,如下所示。

de1bc096e363e06e.png

做得好!您的虛擬裝置現已啟動並開始運作。請注意,應用程式現在名為「Happy Birthday」,而畫面上會顯示「Hello World!」。

4. 尋找專案檔案

設定專案時,Android Studio 會在電腦上為所有 Android 專案建立一個名為 AndroidStudioProjects 的資料夾。在 AndroidStudioProjects 資料夾中,Android Studio 也會建立與您應用程式相同的資料夾 (在本例中為 Happybornday)。

4956b3dce9dac873.png

Happybirthday 資料夾是您的專案資料夾。Android Studio 會將您建立的檔案以及由 Android Studio 建立的檔案一併儲存在專案資料夾中。

  1. 在 Android Studio 中,查看左側的「Project」(專案) 視窗。「Project」(專案) 視窗會顯示專案的檔案和資料夾。

「Project」(專案) 視窗中的檔案已經過整理,方便您在編寫程式碼時輕鬆瀏覽專案檔案。不過,如果在檔案瀏覽器 (例如 Finder 或 Windows 檔案總管) 中查看檔案,檔案階層的結構會有所不同。

在這項工作中,您會瞭解專案資料夾階層的兩種不同檢視畫面。

  1. 在 Android Studio 的「Project」(專案) 視窗中,從左上角的下拉式選單中選取「Android」

畫面上應會顯示類似下圖所示的檔案清單:

4f6ec29013cc6492.png

編寫專案程式碼時,這個檢視畫面和檔案組織方式就十分實用。

您也可以按照檔案瀏覽器 (例如 Finder (macOS) 或 Explorer (Windows)) 顯示的方式來檢視檔案。

  1. 在「Project」(專案) 視窗中,從下拉式選單中選取「Project Source Files」(專案來源檔案)

請注意,標題會變更為儲存專案檔案的資料夾。

cdd349a265a7ac0c.png

您現在可以用任何檔案瀏覽器中的相同方式來瀏覽檔案了。

  1. 如要切換回上一個檢視畫面,請在「Project」(專案) 視窗中再次選取「Android」

太好了!您現在可以從範本建立及執行應用程式,也可以找到您的專案檔案。

5. 總結

  • 如要建立新專案,請開啟 Android Studio,然後按一下「+ Start a new Android Studio project」(+ 開始新的 Android Studio 專案),輸入專案名稱,選擇範本並填入詳細資料。
  • 如要建立 Android 虛擬裝置 (模擬器) 來執行應用程式,請依序選擇「Tools」(工具) >「Device Manager」(裝置管理工具),然後使用裝置管理工具選取硬體裝置和系統映像檔。
  • 如要在虛擬裝置上執行應用程式,請務必先建立裝置,然後從工具列的下拉式選單中選取裝置,接著按一下工具列上的「Run」(執行) 圖示 選擇「Run」(執行) > 「Run app」(執行應用程式),或按一下工具列中的「Run」(執行) 圖示 [ICON HERE]。[IMAGEINFO]:ic_run.png,Android Studio「Run」(執行) 圖示 來執行應用程式。
  • 如要找出專案檔案,請在「Project」(專案) 視窗中,從下拉式選單選取「Project Source Files」(專案來源檔案)

6. 瞭解詳情