Android Studio 開發環境安裝說明 -...
Transcript of Android Studio 開發環境安裝說明 -...
![Page 1: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/1.jpg)
Android Studio 開發環境安裝說明
107-2生醫工程實驗三
![Page 2: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/2.jpg)
安裝Android Studio
進入官網下載 https://developer.android.com/studio/
依預設安裝,安裝完畢後 file>new>new project 開啟新專案,並自行定義名稱
![Page 3: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/3.jpg)
選擇Android版本
建議Android 4.3以上版本
![Page 4: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/4.jpg)
選擇專案程式格式
選擇empty activity後,自行定義activity name
![Page 5: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/5.jpg)
等待gradle建置
建立好程式格式後,按下finish,等待系統建置完畢
![Page 6: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/6.jpg)
UI預覽介面
打開activity_main,可以自行定義以及預覽UI介面
![Page 7: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/7.jpg)
執行模擬
設定好需要的UI介面後,可以在Android Studio模擬器上執行APP。
![Page 8: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/8.jpg)
選擇模擬器
選擇不同型號以及長寬比的模擬器,若電腦性能較差可以選擇較小尺寸的模擬器,以免占太多資源。
![Page 9: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/9.jpg)
選擇API
選擇並下載其所支援的Andriod版本,並自行定義模擬器名稱(AVD Name)
![Page 10: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/10.jpg)
Instant Run
安裝Instant Run 加速專案建置效率
![Page 11: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/11.jpg)
Android 模擬器
安裝完成後即可看到模擬介面,並且在主選單中可以找到相對應的apk檔
![Page 12: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/12.jpg)
建置APK檔
若要在自己的手機上執行此APP,可以自行建置APK,並且在此專案下的資料夾可找到APK檔
![Page 13: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/13.jpg)
手機上執行
自行在手機上安裝,並點選相對應的APP,即可在糾上看到輸出結果。
![Page 14: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/14.jpg)
Android Studio 藍芽傳輸資料:ch3_BLE Device Scan
ch4_BLE Data Send
![Page 15: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/15.jpg)
Android 藍芽函數庫說明
![Page 16: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/16.jpg)
新增藍芽權限
![Page 17: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/17.jpg)
建立藍芽列表Layout檔案
list_device.xml、listitem_device.xml
![Page 18: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/18.jpg)
建立button
建立藍芽連線按鈕
注意button四周圓點需與邊界相連,才能固定位置
![Page 19: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/19.jpg)
設定button屬性
兩個地方特別注意:1. ID (與程式呼叫有關)
2. text (顯示之文字)
![Page 20: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/20.jpg)
撰寫程式需要注意的地方
搭配程式說明書以及手錶盒內光碟進行程式之撰寫
若直接複製光碟內程式的話,要注意修改package為自己專案的名字
![Page 21: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/21.jpg)
撰寫程式需要注意的地方
修改成自己所設定之button ID
![Page 22: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/22.jpg)
建置APK檔
Make project確定沒問題後,可以建置成APK檔供手機執行程式
注意模擬器並無支援藍芽功能,需要下載至手機執行
![Page 23: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/23.jpg)
建置程式
建置完成後會儲存在專案資料夾
![Page 24: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/24.jpg)
手機執行程式
在手機上執行應該可以看到以下畫面
![Page 25: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/25.jpg)
藍芽資料傳送/接收程式
加入BLE連線相關的檔案ActionCallback、BLEService、BluetoothIO、NotifyListener、Profile (.java)
一樣需要注意package的名稱
![Page 26: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/26.jpg)
設定button屬性
注意button ID跟程式呼叫有關係
![Page 27: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/27.jpg)
指令總表
可以在button按壓後,給予對應手錶不同的指令
![Page 28: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/28.jpg)
資料回傳封包接收
接收回傳資料時,需要注意格式(Header、Type),講義裡有寫相關的資料。
![Page 29: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/29.jpg)
設定按下button要做的事情
在此程式範例中為記錄血壓相關參數
![Page 30: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/30.jpg)
手機程式結果顯示
顯示心率(HR)、脈波傳遞時間(PTT)、ET(PPG第一波峰與第二波峰時間間隔)、SLP(PPG波峰與波谷的斜率)
![Page 31: Android Studio 開發環境安裝說明 - cc.ee.ntu.edu.twcc.ee.ntu.edu.tw/~ultrasound/belab/course_files/05_biowatch/Exp3_107-2... · Android Studio 開發環境安裝說明 107-2](https://reader030.fdocuments.net/reader030/viewer/2022040707/5e0921d7a7e14544bd39054c/html5/thumbnails/31.jpg)
參考資料
穿戴是生醫量測原理與實驗-使用Android Studio開發,李仁貴、陳安雋、鄭文典編著