Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Android 程式設計(1)

575 views

Published on

Android架構介紹、Android開發工具安裝、Activity週期介紹、Android Layout介紹

Published in: Engineering
  • Be the first to comment

Android 程式設計(1)

  1. 1. Android 程式設計(1) 講師:王瑋毅
  2. 2. Android 架構介紹 • Android SDK(JAVA) • Android NDK(C/C++) 參考: Android 架構圖
  3. 3. 概要 • 安裝Android開發工具 • 安裝JDK • 安裝Android Studio • 安裝SDK • 建立專案 • 安裝Android 模擬器 • 介紹Android Layout • LinearLayout • RelativeLayout • FrameLayout • TableLayout
  4. 4. 安裝Android開發工具步驟 • 安裝Java開發工具包(Java Development Kit, JDK) • 安裝Android Studio • Android 軟體開發套件(Software Development Kit, SDK)
  5. 5. 安裝JDK(1/2) • 至Oracle官網下載適當的JDK版本,點選Download
  6. 6. 安裝JDK(2/2) • 選擇接受(Accept License Agreement),以Windows作業系統為例, 下載安裝檔
  7. 7. 安裝Android Studio(1/8) • 至 Android Developer官網 下載Android Studio
  8. 8. 安裝Android Studio(2/8) • 必須勾選同意,按一下Download Android Studio鈕,開始下載檔 案
  9. 9. 安裝Android Studio(3/8) • 按Next繼續,將選項都打勾,再按Next
  10. 10. 安裝Android Studio(4/8) • 按I Agree,再按Next
  11. 11. 安裝Android Studio(5/8) • 按Install,將開始進行安裝
  12. 12. 安裝Android Studio(6/8) • 完成以後按Next,接著按Finish開啟Android Studio
  13. 13. 安裝Android Studio(7/8) • 第一次執行Android Studio時會提示,是否要從以前的版本導入設 置,沒有的話使用預設,點擊OK
  14. 14. 安裝Android Studio(8/8) • 看到這畫面表示Android Studio已安裝好了,接著要開始安裝 Android SDK,繼續點擊Next
  15. 15. 安裝Android SDK(1/3) • 安裝類型選擇 Standard,點擊Next
  16. 16. 安裝Android SDK(2/3) • 按Finish,接著會自動開始下載Android SDK相關套件(只會下載 最新版)
  17. 17. 安裝Android SDK(3/3) • 看到這畫面表示Android SDK已安裝好了,按Finish
  18. 18. 設定Android Studio(1/2) • 設定IDE Encoding 和 Project Encoding 為 UTF-8
  19. 19. 設定Android Studio(2/2) • 設定SDK Manager
  20. 20. 建立專案(1/4) • 選擇 Start a new Android Studio project,建立一個Project開發App
  21. 21. 建立專案(2/4) • 設定專案基本配置: • Application name: App名稱 • Company Domain: 公司或自己的 domain名稱用來辨識這個App的所有者是誰 • Package name: 專案的Java套件名稱,預設 為Company Domain加Application name組合 ,也可以點擊右方Edit修改 • Project location: 專案的儲存位置
  22. 22. 建立專案(3/4) • 選擇裝置最低版本限制,下方會顯示選擇的Android版本目前符合 的人數佔多少百分比
  23. 23. 建立專案(4/4) • 選擇要開發的Activity類型,第一次開發建議選擇Basic Activity或 Empty Activity
  24. 24. 安裝Android 模擬器(1/9) • 看到這畫面代表已經建好專案了,接著要設定模擬器,方法有兩 種: • 點擊上方手機圖示 • 點擊Tools -> Android -> AVD Manager
  25. 25. 安裝Android 模擬器(2/9) • 點擊Create New Emulator
  26. 26. 安裝Android 模擬器(3/9) • 選擇要安裝的尺寸
  27. 27. 安裝Android 模擬器(4/9) • 下載對應版本的System Image
  28. 28. 安裝Android 模擬器(5/9) • 點選Accept,再點Next,看到Done表示下載完畢,點擊Finish
  29. 29. 安裝Android 模擬器(6/9) • 選好System Image點擊Next
  30. 30. 安裝Android 模擬器(7/9) • AVD基本設定,用預設就可以了
  31. 31. 安裝Android 模擬器(8/9) • AVD模擬器都會顯示在此處,選擇後,點擊OK
  32. 32. 安裝Android 模擬器(9/9) • AVD模擬器結果畫面
  33. 33. Activity 生命週期(1/2) • 當Activity 準備要產生時,先呼叫onCreate方法 • Activity 產生後(還未出現在手機螢幕上),呼叫onStart方法 • 當Activity 出現手機上後,呼叫onResume方法 • 當按下返回鍵結束Activity時,先呼叫onPause方法 • 當Activity 從螢幕上消失時,呼叫onStop方法 • 最後完全結束Activity 之前,呼叫onDestroy方法 • 當一個Activity 再次啟動之前會呼叫onRestart方法
  34. 34. Activity 生命週期(2/2) • 一般啟動: onCreat -> onStart -> onResume • 呼叫另一個Activity: onPause(1) -> onCreate(2) -> onStart(2) -> onResume(2) -> onStop(1) • 回復原Activity: onPause(2) -> onRestart(1) -> onStart(1) -> onResume(1) -> onStop(2) -> onDestroy(2) 參考資料: https://developer.android.com/reference/android/app/Activity.html
  35. 35. Android Layout - FrameLayout • 在FrameLayout無法指定子元素位置, 後一個子元素會覆蓋在前一個子元素上
  36. 36. Android Layout - LinearLayout • LinearLayout 以設定的垂直或水平的屬 性,來排列所有子元素 屬性 功能描述 android:orientation 此屬性表示元件的排列方式是垂直(vertical)或平行(horizontal)。 android:layout_width 此屬性表示元件的寬度,值為 match_parent 為填滿,值為wrap_content會依內容 進行調整。 android:layout_height 此屬性表示元件的高度,值為 match_parent 為填滿,值為wrap_content會依內容 進行調整。 android:layout_margin 設定這個 view 距離上下左右額外的距離。 android:layout_marginBottom 設定這個 view 距離下方額外的距離。 android:layout_marginTop 設定這個 view 距離上方額外的距離。 android:layout_marginLeft 設定這個 view 距離左方額外的距離。 android:layout_marginRight 設定這個 view 距離右方額外的距離。
  37. 37. Android Layout - RelativeLayout(1/2) • RelativeLayout允許子元素指定其他元素的位置 (透過ID指定) 屬性 功能描述 android:layout_below 將當前元件的上邊緣與指定的ID元件下邊緣進行對 齊。 android:layout_above 將當前元件的下邊緣與指定的ID元件上邊緣進行對 齊。 android:layout_toLeftOf 將當前元件的右邊緣與指定的ID元件左邊緣進行對 齊。 android:layout_toRightOf 將當前元件的左邊緣與指定的ID元件右邊緣進行對 齊。
  38. 38. Android Layout - RelativeLayout(2/2) • 當前元件和ID元件對齊邊緣一致 屬性 功能描述 android:layout_alignLeft 將當前元件的左邊緣與指定的ID元件左邊緣進行 對齊。 android:layout_alignRight 將當前元件的右邊緣與指定的ID元件右邊緣進行 對齊。 android:layout_alignTop 將當前元件的上邊緣與指定的ID元件上邊緣進行 對齊。 android:layout_alignBottom 將當前元件的下邊緣與指定的ID元件下邊緣進行 對齊。
  39. 39. Android Layout – TableLayout(1/2) • TableLayout 是一個類似表格排列方式的Layout ,主要使TableRow將內容分行
  40. 40. Android Layout – TableLayout(2/2) • TableLayout 主要的一些功能如下: 屬性 功能描述 android:stretchColumns 將指定的欄位填滿剩餘的空間,可以用*代表是全部的欄 位。 android:shrinkColumns 將指定的欄位縮小空間,可以用*代表是全部的欄位。 android:collapseColumns 將指定的欄位進行刪除。 android:layout_span 合併欄位的格數。 android:layout_column 指定欄位的編號。
  41. 41. 謝謝大家

×