Android Kotlin 基礎課程 01.4：學習如何自我成長

本程式碼研究室是 Android Kotlin 基礎課程的一部分。使用程式碼研究室逐步完成程式碼課程後，您將能充分發揮本課程的潛能。所有課程程式碼研究室清單均列於 Android Kotlin 基礎程式碼研究室到達網頁。

簡介

在這個程式碼研究室中，您將瞭解對 Kotlin Android 開發人員有幫助的資源，包括範本、說明文件、影片和範例應用程式。

須知事項

  • Android Studio 的基本工作流程。
  • 如何在 Android Studio 中使用版面配置編輯器。

課程內容

  • 哪裡可以找到 Kotlin 和 Android 開發人員資訊和資源。
  • 如何變更應用程式的啟動器圖示。
  • 如何在使用 Kotlin 建構 Android 應用程式時尋求協助。

執行步驟

  • 探索各種等級的 Kotlin Android 開發人員可用資源。
  • 下載並探索 Kotlin Android 範例應用程式。
  • 變更應用程式的啟動器圖示。

本程式碼研究室將說明適用於 Kotlin Android 開發人員的範本、範例、說明文件和其他資源。

首先，您將某個 Android Studio 範本建立了一個簡單的應用程式，然後修改應用程式，然後下載並探索 Android Sunflower 範例應用程式。

Android Studio 提供了常用及建議的應用程式和活動設計範本。內建的範本可為您節省時間，而這些範本可協助您遵循設計最佳做法。

每個範本都含有一個骨骼活動和使用者介面。您已在本課程中使用「空白活動」範本。基本活動範本提供更多功能，並加入推薦的應用程式功能，例如 Android 裝置的應用程式列中顯示的選項選單。

步驟 1：探索基本活動架構

  1. 在 Android Studio 中建立專案。
  2. 在 [Choose your project] (選擇專案) 對話方塊中，選取 [Basic Activity template] (基本活動) 範本，然後按一下 [Next] (下一步)。
  3. 在「設定您的專案」對話方塊中，視需要為應用程式命名。針對語言選取 [Kotlin]，然後勾選 [Use AndroidXArtifact] 核取方塊。按一下 [完成]。
  4. 建構應用程式，並在模擬器或 Android 裝置中執行。
  5. 在下方圖表和表格中找出已加上標籤的部分。請在裝置或模擬器螢幕上找出同等商品。請檢查表格中對應的 Kotlin 程式碼和 XML 檔案。

熟悉 Kotlin 原始碼和 XML 檔案將有助於您擴充及自訂個人需求的基本活動範本。

基本活動範本的架構

#

UI 說明

程式碼參考資料

1

狀態列，由 Android 系統提供及控制。

不會顯示在範本程式碼中，但您可以透過活動存取狀態列。舉例來說，您可視需要在 MainActivity.kt 中新增程式碼，隱藏狀態列。

2

應用程式列又稱為動作列，可提供視覺結構、標準化視覺元素和導覽功能。

在 activity_main.xml 中，找出工具列

AppBarLayout 元素中。為了回溯相容，範本中的 AppBarLayout 會嵌入與 ActionBar 相同的 Toolbar。

如要變更應用程式列的外觀，請變更工具列屬性。如需應用程式列教學課程，請參閱新增應用程式列。

3

應用程式名稱一開始源自您的套件名稱，但您可以將其變更為任何所需項目。

在 AndroidManifest.xml 中尋找

android:label="@string/app_name"。

在 strings.xml 中指定 app_name 字串。

4

選項選單溢位按鈕可存放活動的選單項目。溢位按鈕也會保留全域選單選項，例如應用程式的搜尋和設定。您的應用程式選單項目會移至這個選單。

在 MainActivity.kt 中，

onOptionsItemSelected() 方法可執行使用者選取選單項目時的處理方式。

如要查看選項選單項目，請開啟res/menu/menu_main.xml

檔案。這個範本中只有「設定」選單項目，

5

CoordinatorLayout ViewGroup 是一種版面配置，提供與 UI 元素互動的機制。您應用程式的 UI 位於 content_main.xml 檔案內，該檔案位在這個ViewGroup內。

在 activity_main.xml 中尋找 include layout 指令。不在此版面配置中指定任何檢視區塊；而是包括 content_main 版面配置，也就是應用程式檢視區塊。系統檢視和您應用程式的專屬資料檢視是分開的。

6

範本會使用 TextView 顯示「Hello World」。您可以將這個 TextView 替換成應用程式的 UI 元素。

「Hello World」文字檢視位於 content_main.xml 檔案中。您必須在此應用程式中定義應用程式的所有 UI 元素。

7

懸浮動作按鈕 (FAB)

在 activity_main.xml 中尋找 FloatingActionButton 元素。FAB 的定義為採用剪輯圖示的 UI 元素。「MainActivity.kt」包含「onCreate()」中的主軸，用於設定 FAB 的 onClick() 事件監聽器。

步驟 2：自訂範本產生的應用程式

變更基本活動範本製作的應用程式外觀。舉例來說，您可以將狀態列的顏色變更為狀態列。(在某些裝置上，狀態列是同一款應用程式採用的深色顏色，顏色與應用程式列相同)。

  1. 變更應用程式列顯示的應用程式名稱。方法很簡單，只要將 res > value > string.xml 檔案中的 app_name 字串資源更改為以下內容即可：
<string name="app_name">New Application</string>
  1. 將 android:background 屬性變更為 "?attr/colorPrimaryDark"，藉此變更 res >Layout > activity_main.xml 中應用程式列 (Toolbar) 的顏色。這個值可將應用程式列的顏色設為較深的主要顏色，使其與狀態列相符：
android:background="?attr/colorPrimaryDark"
  1. 執行應用程式；應用程式的新名稱會顯示在狀態列中，應用程式列的背景顏色也會變為狀態，且與狀態列的顏色相同。點選 FAB 後，畫面上就會顯示 Snackbar，如下方螢幕截圖所示，其中顯示為 1。
  2. 變更 Snackbar 文字。方法是開啟 MainActivity，然後找出 onCreate() 中的 stub 程式碼，該按鈕會設定按鈕的 onClick() 事件監聽器。將 "Replace with your own action" 改為其他內容。例如：
fab.setOnClickListener { view ->
   Snackbar.make(view, "This FAB needs an action!", Snackbar.LENGTH_LONG)
       .setAction("Action", null).show()
}
  1. FAB 採用應用程式的強調色，因此更改 FAB 的顏色是其中一種方法。如要變更強調色，請開啟 res > values > color.xml 檔案並變更 colorAccent 屬性，如下所示。(如需選擇顏色的相關說明，請參閱 Material Design 色彩系統)。
<color name="colorAccent">#1DE9B6</color>
  1. 執行應用程式。FAB 使用新顏色，且 Snackbar 文字已變更。

步驟 3：探索如何使用範本新增活動

到目前為止，這個程式碼研究室的程式碼已經用「空白活動」和「基本活動」範本來建立新專案。專案建立完成後，您也可以使用活動範本建立活動。

  1. 建立應用程式專案或選擇現有專案。
  2. 在「Project > Android」窗格中，以滑鼠右鍵按一下「java」資料夾。
  3. 選取 [新增 &Gt; 活動] > [圖片庫]。
  4. 選取其中一個 Activity 範本，即可將活動新增至應用程式。舉例來說，選取 [導覽匣活動] 即可新增具有導覽匣的 Activity。
  5. 如要在版面配置編輯器中顯示活動，請按兩下活動的版面配置檔案 (例如 activity_main2.xml)。使用 [設計] 標籤和 [文字] 標籤，即可切換活動的版面配置預覽和版面配置程式碼。

GitHub 上的 Google Sample 存放區提供 Kotlin Android 程式碼範例，可供您進行研究、複製和整合到專案中。

步驟 1：下載並執行 Kotlin Android 程式碼範例

  1. 使用瀏覽器前往 github.com/googlesamples。
  2. 針對「Language」(語言)，選取 Kotlin。
  3. 選取最近修改過的 Kotlin Android 範例應用程式，並下載該應用程式的專案程式碼。在本範例中，您可以下載 android-sunflower 應用程式的 ZIP 檔案，其中示範 Android Jetpack 的部分元件。
  4. 在 Android Studio 中開啟 android-sunflower-master 專案。
  5. 接受 Android Studio 建議的更新內容，然後在模擬器或 Android 裝置上執行應用程式。

步驟 2：探索 Kotlin Android 程式碼範例

現在您已在 Android Studio 中開啟 Android Sunflower 範例應用程式，因此可瀏覽該應用程式並探索其專案檔案。

  1. 如要瞭解範例應用程式示範的內容，請造訪 GitHub 中的應用程式 README 檔案。在這個範例中，請參閱 Android 向日葵 README。
  2. 在 Android Studio 中開啟應用程式的 Kotlin 活動檔案，例如 GardenActivity.kt。
  3. 在 GardenActivity.kt 中尋找您不熟悉的課程、類型或程序，並在 Android 開發人員說明文件中查看。舉例來說，如要進一步瞭解 setContentView() 方法，請前往 developer.android.com 搜尋「setContentView()」。

步驟 3：變更啟動器圖示

在這個步驟中，您會變更 Android Sunflower 範例應用程式的啟動器圖示。您可以新增插圖，並用它取代目前的 Android Sunflower 啟動器圖示。

啟動器圖示

您透過 Android Studio 建立的每個應用程式一開始都會使用代表應用程式的預設啟動器圖示。啟動器圖示有時也稱為「應用程式圖示」或「產品圖示」。

您在 Google Play 上發布應用程式時，該應用程式的啟動器圖示會顯示在 Google Play 商店中的應用程式資訊及搜尋結果中。

在 Android 裝置上安裝的應用程式後，應用程式的啟動器圖示就會顯示在裝置的主螢幕，以及裝置的其他地方。舉例來說，Android Sunflower 應用程式的啟動器圖示會出現在裝置的搜尋應用程式視窗中，如下方螢幕擷取畫面所示為 1。預設的啟動器圖示 (如下所示 2) 一開始會使用您建立於 Android Studio 的應用程式專案。

變更啟動器圖示

變更啟動器圖示後，即可瀏覽 Android Studio 的圖片素材資源功能。

在 Android Studio 中，如何變更 Android Sunflower 應用程式啟動器啟動器圖示：

  1. 在「Project > Android」窗格中，以滑鼠右鍵按一下 (或按住 Ctrl 鍵並按一下 res 資料夾)。選取 [新增 > 圖片素材資源]。系統隨即顯示「Configure Image Asset」對話方塊。

按一下啟動器按鈕的「前景圖層」標籤。

  1. 在「圖示類型」欄位中，選取 [啟動器圖示 (Adaptive & Legacy)] (如果尚未選取)。按一下 [前景圖層] 分頁標籤。
  2. 在「Asset Type」(資產類型) 部分中，選取 [Clip Art] (剪輯藝術)，如下方的螢幕擷取畫面所示為 1。

  3. 在 [Clip Art] 欄位中按一下機器人圖示 (如上圖中的 2 所示)。系統隨即會顯示「選取圖示」對話方塊，顯示 Material Design 圖示集。
  4. 瀏覽 [選取圖示] 對話方塊，或按名稱搜尋圖示。選取圖示 (例如「情境」圖示，即可提供心情良好的建議)。按一下「確定」。

  1. 在「設定圖片資產」對話方塊中，按一下 [背景圖層] 標籤。在「Asset Type」(資產類型) 部分選取 [Color] (顏色)。按一下色片，然後選取要做為圖示的背景圖層顏色。
  2. 按一下 [舊版] 分頁標籤，然後查看預設設定。確認要產生舊版、圓形和 Google Play 商店圖示。按一下 [Next] (下一步)。
  3. 系統隨即顯示「確認圖示路徑」對話方塊，指出圖示檔案新增與覆寫的位置。按一下 [完成]。
  4. 在 AVD 模擬器或 Android 裝置上執行應用程式。

Android Studio 會自動將啟動器圖片加入不同螢幕密度的 mipmap 目錄中。Android Sunflower 應用程式現在使用新的剪輯圖示做為啟動圖示。

  1. 再次執行應用程式。確認「搜尋應用程式」畫面中顯示的是新的啟動器圖示。

步驟 1：探索 Android 官方說明文件

歡迎瀏覽幾個最實用的 Android 說明文件網站，並熟悉我們提供的功能：

  1. 前往 developer.android.com。這個 Android 官方開發人員說明文件是 Google 提供的最新資訊。
  2. 前往 developer.android.com/design/。這個網站提供如何設計出優質 Android 應用程式的外觀和風格。
  3. 前往 material.io，這是 Material Design 的相關網站。質感設計是一種概念設計，概述所有應用程式 (而非 Android 應用程式) 在行動裝置上的外觀和運作情形。請瀏覽這些連結，進一步瞭解 Material Design。舉例來說，如要瞭解顏色的使用情形，請按一下 [設計] 分頁標籤，然後選取 [顏色]。
  4. 請前往 developer.android.com/docs/ 尋找 API 資訊、參考資料、教學課程、工具指南和程式碼範例。
  5. 請前往 developer.android.com/distribute/，瞭解如何在 Google Play 發布應用程式。針對透過 Android SDK 開發的應用程式，Google Play 是 Google 的數位發布系統。使用 Google Play 管理中心拓展使用者群，並開始賺取收益。

步驟 2：探索 Android 小組和 Google 搜尋中的內容

  1. 探索 Android 開發人員 YouTube 頻道，這裡提供豐富的教學課程與秘訣。
  2. 造訪官方 Android 網誌，查看 Android 小組發布最新消息和實用秘訣。
  3. 只要在 Google 搜尋中輸入問題，Google 搜尋引擎就會從各種資源收集相關結果。舉例來說，您可以利用「Google 搜尋」詢問以下問題：「『印度最熱門的 Android OS 版本』」，您甚至可以在 Google 搜尋中輸入錯誤訊息。

步驟 3：在 Stack Overflow 上進行搜尋

Stack Overflow 是一個由程式設計師組成的社群，彼此互助合作。如果發生問題，很有可能有人張貼瞭解答。

  1. 請瀏覽 Stack Overflow。
  2. 在搜尋框中輸入問題，例如「如何透過 Wi-Fi 設定及使用 ADB」您不必註冊就能搜尋 Stack Overflow。如要張貼新問題或回答問題，請先註冊。
  3. 在搜尋框中輸入 [android]。[] 括號表示您想要搜尋標為 Android 的貼文。
  4. 您可以結合標記和搜尋字詞，提高搜尋的精準度。嘗試搜尋：
  • [android] and [layout]
  • [android] "hello world"

步驟 4：使用 SDK 管理員安裝離線文件

安裝 Android Studio 時，系統會一併安裝 Android SDK 的基本元件。如要安裝其他可用的程式庫和說明文件，請使用 SDK Manager。

如要探索 SDK Manager 並下載 SDK 說明文件，請按照下列步驟操作：

  1. 在 Android Studio 中，選取 [Tools > SDK Manager]。SDK 管理員會隨即開啟。
  2. 在 SDK Manager 的左欄中選取 [Android SDK](如下方的螢幕擷取畫面所示)。
  3. 記下 [Android SDK Location] 欄位中的路徑 (下方螢幕擷取畫面中的 2)。您之後將使用這個路徑尋找任何安裝的項目。
  4. 在 SDK Manager 中，按一下 [SDK Platforms] 分頁標籤。您可以在這裡安裝更多版本的 Android 系統。
  5. 按一下 [SDK Tools] 分頁標籤。您可以在這裡安裝預設未安裝的 SDK 開發人員工具。您也可以安裝 Android 開發人員說明文件的離線版本。
  6. 按一下 [SDK Update Sites] 分頁標籤。Android Studio 會定期檢查清單和已選取的網站，檢查是否有可用的更新。
  7. 返回「SDK Tools」分頁，並勾選 [Android SDK 說明文件] 核取方塊 (如果尚未選取的話)。按一下 [套用]。

    畫面上隨即會開啟確認對話方塊，顯示下載所需的磁碟空間。按一下 [確定]。
  8. 安裝完成後，按一下 [Finish] (完成)。

如要找出已安裝的文件，請按照下列步驟操作：

  1. 在電腦上前往 Android/sdk/ 目錄。(如要尋找該目錄的路徑，請參閱上文的「Android SDK Location」(Android SDK 位置) 欄位，如圖 2 所示)。
  2. 開啟 docs/ 目錄。
  3. 找出 index.html 檔案，然後在瀏覽器中開啟該檔案。
  • 您可以在 developer.android.com 找到官方 Android 開發人員說明文件。
  • 質感設計是一種概念設計理念，概述應用程式的外觀和功能在行動裝置上的呈現方式。Material Design 不僅為 Android 應用程式而已，Material Design 指南位於 material.io。
  • Android Studio 提供了常用及建議的應用程式和活動設計範本。這些範本提供常見用途的程式碼。
  • 建立專案時，您可以選擇第一個活動的範本。
  • 開發應用程式時，您可以使用內建範本建立活動和其他應用程式元件。
  • Google 範例包含的程式碼範例可讓您研究、複製和納入專案。

Udacity 課程：

Android Studio 說明文件：

Android 開發人員說明文件：

程式碼範例：

影片：

其他資源：

開始下一個課程：2.1：使用版面配置編輯器建立線性版面配置

如要瞭解本課程中其他程式碼研究室的連結，請參閱 Android Kotlin 基礎程式碼程式碼到達網頁。