Android App 系統開發教學 Luna 陳雯琳 2014/12/18 分為3個part 第一 下載並安裝android開發環境所需的程式工具 第二 based on java語言練習 第三 開發簡單app Android 開發環境所需的程式工具都是可以免費由上網取得，以下將介紹所需之套件與下載位置。 Android App 系統開發教學 Luna 陳雯琳 2014/12/18

Android簡介 Android是一個以Linux為基礎的開放原始碼行動裝置作業系統。 由Google成立的Open Handset Alliance持續領導與開發中，最新的版本為Android 5.0 Lollipop。 目前使用Android系統的手機數量已超越iPhone系統，成為全球使用量最大的手機系統。 Android是一個以Linux為基礎的開放原始碼行動裝置作業系統，主要用於智慧型手機和平板電腦。 由Google成立的Open Handset Alliance（OHA，開放手持裝置聯盟）持續領導與開發中。Android已發佈的最新版本為Android 5.0 Lollipop。 目前使用Android系統的手機數量已超越iPhone系統，成為全球使用量最大的手機系統。 國立清華大學 工業工程與工程管理學系

教學大綱 環境安裝 JAVA程式撰寫 Android App程式撰寫 國立清華大學 工業工程與工程管理學系

環境安裝 國立清華大學 工業工程與工程管理學系

開發環境 可在以下作業系統中安裝： Windows XP以上 Mac OS X 10.5.8以上 Linux 國立清華大學 工業工程與工程管理學系

開發環境 Java Eclipse Android 開發環境所需的套件： Java開發工具 Eclipse編輯器 ADT + Android SDK 因Android程式是以Java語言所撰寫，故要安裝Java開發工具 而編輯環境是使用Eclipse套件執行，故需要Eclipse完整套件 再加上Android開發工具及外掛就構成Android開發環境 國立清華大學 工業工程與工程管理學系

環境安裝 需要的套件名稱與下載網址： 套件 下載網址 Java開發工具包 (Java Development Kit, JDK) http://www.oracle.com/technetwork/java/index.html ADT Bundle (Eclipse + ADT + Android SDK) http://developer.android.com/sdk/index.html 國立清華大學 工業工程與工程管理學系

環境安裝 STEP1:安裝Java開發工具包(JDK) 建議統一安裝於C槽下，安裝步驟如下： STEP2:安裝ADT Bundle整合套件 STEP3:下載各種版本Android SDK STEP4:運行Android模擬器(AVD) 環境安裝 建議統一安裝於C槽下，安裝步驟如下： STEP1:安裝Java開發工具包(JDK) STEP2:安裝ADT Bundle整合套件 STEP3:下載各種版本Android SDK STEP4:運行Android模擬器(AVD) 以下檔案位置建議放置於C槽底下，因為路徑位置無法識別空白、中文或特殊字元。 如同前面所講的 android 他是based on java 所以必須先安裝好java的執行環境 那jdk是 java development kit的縮寫 他是一個必須的開發包 Based on java的一個開發平台 Android development tool 國立清華大學 工業工程與工程管理學系

STEP1:下載安裝JDK http://www.oracle.com/technetwork/java/index.html 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle http://developer.android.com/sdk/index.html 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 針對已下載之壓縮檔進行解壓縮後，產生eclipse、sdk資料夾及SDK Manager.exe。 http://developer.android.com/sdk/index.html 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 將eclipse資料夾複製到C磁碟機的根目錄，再將sdk資料夾與SDK Manager.exe複製到eclipse資料夾內。 http://developer.android.com/sdk/index.html 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 開啟Eclipse：點選eclipse.exe檔即可進入程式開發介面，在此也可在桌面建立捷徑以方便開啟。 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 設定工作目錄。 勾選Use this as the default and do not ask again，如此建立專案時會以此資料夾為預設的儲存位置。 設定完後按OK鈕。 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 在第一次開啟Eclipse時，可能會出現找不到SDK資料夾的情況，此時先按下取消或關閉按鈕。 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 開啟偏好設定對話方塊，以設定Android SDK路徑。 國立清華大學 工業工程與工程管理學系

STEP2:下載安裝ADT Bundle 選擇 Android 標籤 ，在SDK Location欄位輸入sdk資料夾所在地後按下「Apply」。 國立清華大學 工業工程與工程管理學系

STEP3:下載各種版本Android SDK ADT Bundle只包含最新版本的Android SDK檔案。 使用者可以自行在Eclipse中下載各種版本的Android SDK。 1. 2. 兩種開啟 Android SDK Manager 的方法 國立清華大學 工業工程與工程管理學系

STEP3:下載各種版本Android SDK 選取要安裝的Android SDK版本，按下Install xx packages按鈕以開始下載。 國立清華大學 工業工程與工程管理學系

STEP3:下載各種版本Android SDK 版權頁:核選Accepted All後再按Install鈕。 國立清華大學 工業工程與工程管理學系

STEP4:運行Android模擬器 建立Android模擬器有兩種執行方式： 1. 2. 國立清華大學 工業工程與工程管理學系

STEP4:運行Android模擬器 在Android Virtual Device (AVD) Manager中，選按Create鈕建立新模擬器。 國立清華大學 工業工程與工程管理學系

STEP4:運行Android模擬器 輸入新模擬器資訊。 設定完成後按下OK鈕。 模擬器名稱。 設定模擬器使用的螢幕規格與解析度。 (1) (2) 模擬器名稱。 設定模擬器使用的螢幕規格與解析度。 設定模擬器使用的Android SDK版本。 設定模擬器使用SD Card卡的大小。 (1) (2) (3) (4) (3) (4) 國立清華大學 工業工程與工程管理學系

STEP4:運行Android模擬器 啟動Android模擬器：選取要啟動的模擬器後，再按下Start鈕。其後在Launch Options中按下Launch鈕。 國立清華大學 工業工程與工程管理學系

STEP4:運行Android模擬器 經過一段時間的等待，便能夠看見模擬器了。 而啟動模擬器所需的時間與電腦執行速度有關。 國立清華大學 工業工程與工程管理學系

JAVA程式撰寫 國立清華大學 工業工程與工程管理學系

Java 程式撰寫與範例 專案建立。 點選視窗之「File → New → Java Project」 。 Then 大概介紹一下個資料夾 src res … 國立清華大學 工業工程與工程管理學系

Java 程式撰寫與範例 輸入專案名稱，並按Finish鈕。 國立清華大學 工業工程與工程管理學系

Java 程式撰寫與範例 建立新頁開始撰寫Java程式，方法為「src → New → Class」，並將其命名後，按下Finish鈕。 國立清華大學 工業工程與工程管理學系

Java 程式撰寫與範例 便可獲取新空白頁面，指令程式亦撰寫在該頁面中。 國立清華大學 工業工程與工程管理學系

Java 語法基礎教學可參考 http://fireleominor.pixnet.net/blog/post/94881242 範例：數字從1加到1,000,000，但排除數字中包含4的數值 Code 講解 不須產生物件就能被執行 結束後不須傳回值 命名行參數 Java 語法基礎教學可參考 http://fireleominor.pixnet.net/blog/post/94881242 國立清華大學 工業工程與工程管理學系

匯出專案 在欲匯出的專案上按右鍵，選擇Export。 國立清華大學 工業工程與工程管理學系

匯出專案－資料夾形式 匯出成資料夾形式： 接著選擇「General → File System」後按下Next鈕。 勾選欲匯出的專案並設定匯出檔案的路徑，按下Finish即可完成。 國立清華大學 工業工程與工程管理學系

匯出專案－壓縮檔形式 匯出成壓縮檔形式： 接著選擇「General → Archive File」後按下Next鈕。 勾選欲匯出的專案並設定匯出檔案的路徑。 國立清華大學 工業工程與工程管理學系

匯出專案－壓縮檔形式 在設定匯出檔案的路徑時，按下Browse，選擇欲存放的地點後，在檔案名稱的地方打上「檔名.zip」並按下儲存鈕。 最後，在Export視窗中按下Finish即可完成。 國立清華大學 工業工程與工程管理學系

匯入專案 開啟已存在的專案：執行功能表File \ Import，開啟Import視窗。 接著選擇「General → Existing Projects into Workspace」後按下Next鈕。 國立清華大學 工業工程與工程管理學系

匯入專案 設定欲匯入專案的路徑後，勾選Copy projects into workspace可將專案複製到所設定的專案工作區資料夾，按下Finish即可完成。 國立清華大學 工業工程與工程管理學系

刪除專案 在欲刪除的專案上按右鍵，選擇Delete，便會跳出Delete Resources視窗，按下OK便可刪除專案。 勾選此選項，會連實體檔案一併刪除。 國立清華大學 工業工程與工程管理學系

Android App程式撰寫 國立清華大學 工業工程與工程管理學系

Android專案資料夾結構 Android專案基本資料夾架構為： 國立清華大學 工業工程與工程管理學系

Android 專案建立 專案建立：點選視窗之「File → New → Android Application Project 」 。 Then 大概介紹一下個資料夾 src res … 國立清華大學 工業工程與工程管理學系

Android 專案建立 輸入專案名稱，並選擇欲開發程式版本。 應用程式名稱。 (3) (1) (2) (4) 應用程式名稱。 專案名稱，會自動填入與Application Name相同的名稱。 應用程式套件名稱，是獨立且唯一的名稱。 選擇欲開發的版本，可以使用預設值。 (1) (2) (3) (4) 國立清華大學 工業工程與工程管理學系

Android 專案建立 設定應用程式組態與圖示，在此皆使用預設值，並按Next鈕。 國立清華大學 工業工程與工程管理學系

Android 專案建立 設定應用程式頁面樣式、啟始頁面及介面名稱，在此皆使用預設值，最後按Finish鈕即完成專案的建立。 國立清華大學 工業工程與工程管理學系

Android 專案建立 建立完成後可在Package Explorer中看到新建的專案。 國立清華大學 工業工程與工程管理學系

Android 介面設計 Eclipse中，Android app將以Java環境和語法開發。 建立專案時系統自動在<res/layout>資料夾產生基本的版面配置檔activity_main.xml。 國立清華大學 工業工程與工程管理學系

Android 介面設計 在activity_main.xml中，系統預設是Graphical Layout圖形配置模式。 <res/layout> 在activity_main.xml中，系統預設是Graphical Layout圖形配置模式。 可以觀看各元件實際顯示的狀況，也可以拖曳左方物件列表之物件來建立元件。 而在專案新建後，系統也自動在activity_main.xml中放置一個TextView元件來顯示歡迎訊息。 建立之方式可利用拖曳左方物件列表之物件；或利用撰寫XML程式建立物件 (註：可使用的物件將受到Android開發版本的限制。) 國立清華大學 工業工程與工程管理學系

Android 介面設計 當按下activity_main.xml標籤後，便會顯示程式碼。 <res/layout> 國立清華大學 工業工程與工程管理學系

Android 參數設定 此處存放有關參數設定的資源，也是以XML格式設定字串、顏色等。 <res/values> 此處存放有關參數設定的資源，也是以XML格式設定字串、顏色等。 新建專案時，系統會自動在此產生dimens.xml、strings.xml及styles.xml三個檔案。 dimens.xml→解析度設定檔 strings.xml→字串設定檔 styles.xml→佈景主題設定檔 國立清華大學 工業工程與工程管理學系

Android 參數設定 strings.xml內容如下，其中name屬性為字串名稱，<string>與</string >之間的內容為字串值。 hello_world字串 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－ TextView練習 其中android: id是元件的名稱，格式為：android: id = “@ + id/ 元件名稱”。也可視為一個元件的識別碼。 <TextView android: id = “@ + id/ 元件名稱” 　　android: 屬性 = “屬性值” 　　…其他屬性> </ TextView > 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－ TextView練習 由介面元件區拖曳元件 拖曳至此 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－ TextView練習 由Properites視窗設定屬性 Id：元件識別碼 Text：顯示的文字內容 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－ TextView練習 模擬器顯示結果。 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 Button元件觸發事件的程序 在Android專案中關於程式判斷、運算與執行的動作都必須寫在<[Project name] /src /[Package name] /MainActivity .java>的程式檔中。 < Button android: id = “@ + id/ 元件名稱” 　　android: 屬性 = “屬性值” 　　…其他屬性> </ Button > 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 程式觸發執行的標準流程 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 介面設計 @+id/textView1 @+id/button1 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 建立全域變數 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 為按鈕元件設定要偵聽動作以及觸發時要執行的方法名稱，其語法格式如下： 元件變數.setOnClickListener (執行方法名稱) ; 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 加入觸發時要執行的自訂方法，其語法格式如下： 由於onClick (View v)方法中，接收View行別參數v，因此必須加入其命名空間： private Button.OnClickListener 方法名稱 = 　new Button. OnClickListener ( ){ 　　public void onClick (View v){ 　　　//程式內容 　　} }; import android.view.View ; 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 在專案中加入命名空間以及觸發時要執行的自訂方法。 國立清華大學 工業工程與工程管理學系

Android程式撰寫與範例－Button練習 模擬器顯示結果。 國立清華大學 工業工程與工程管理學系

專案運行Android模擬器 在欲執行模擬器的專案上按滑鼠右鍵，選擇Run As → Android Application，便能開始運行Android模擬器。 國立清華大學 工業工程與工程管理學系

專案運行Android模擬器－版本不符問題 如果專案的版本與模擬器版本不符，則會出現下面的警訊，並要求新增新的模擬器。 國立清華大學 工業工程與工程管理學系

專案運行Android模擬器－版本不符問題 除了新增符合版本的模擬器之外，還有一種解決方法就是修改專案的Project Build Target，如下所示。 國立清華大學 工業工程與工程管理學系

匯出APP 對目前開發中的專案按下右鍵「 Export → Export Android Application → Next」。 國立清華大學 工業工程與工程管理學系

匯出APP 確認欲匯出的專案後，接著產生新的加簽密碼，並輸入存放路徑與密碼。 keystore用於對APK作加簽，因此上架之後APP更新必須使用相同的keystore加簽，故務必保存及記下密碼。 keystore用於對apk作加簽，因此上架之後app更新必須都使用相同的keystore加簽才可以，所以務必保存及記下密碼。 (註：密碼設定完成後不可再修改。若產品有上架時，請將密碼保留至產品下架。) 國立清華大學 工業工程與工程管理學系

匯出APP 接著輸入產品資訊以及選擇APK檔位置。 APK (Android Package) 即是Android安裝包的縮寫。 輸入keysotre中同開發者資訊及密碼 「Validity (years)」：有效期限幾年 (官方建議填 25 年以上) 上架教學：http://xyz.cinc.biz/2013/06/android-app.html 國立清華大學 工業工程與工程管理學系

匯出APP 完成後APK檔將會存在剛才所設定之位置。 國立清華大學 工業工程與工程管理學系

手機的下載使用(for Android) 利用Gmail夾帶APK檔寄給自己，再以手機接收即可。 國立清華大學 工業工程與工程管理學系

ELEBC Tech Dissemination 商情市場 技術趨勢 專利訴訟 社群網路研發擴散機制 SN Collective Intelligence 國立清華大學 工業工程與工程管理學系

ELEBC Tech Brief – SN, Web+ and App ELEBC Technical Brief: http://elebc.ie.nthu.edu.tw/login/login.php SN Collective Intelligence

課堂練習 Java 程式撰寫練習：九九乘法表 得出的結果如下，須從1*1=1顯示到9*9=81。 … 練習 國立清華大學 工業工程與工程管理學系

課堂練習 Android APP程式撰寫練習 Layout： (1) TextView (2) EditText (3) Button 國立清華大學 工業工程與工程管理學系

課堂練習 Android APP程式撰寫練習 功能： Submit按鈕→ 將輸入在EditText中的字串取代「Key some words」的TextView值。 Reset按鈕→ 將EditText清空，並把TextView值復原成「Key some words」。 國立清華大學 工業工程與工程管理學系

參考資料 Android初學特訓班，文淵閣工作室/編著，碁峰，2014年4月四版 國立清華大學 工業工程與工程管理學系