Microsoft PowerPoint - App與微控器整合.pptx

Size: px

Start display at page:

Download "Microsoft PowerPoint - App與微控器整合.pptx"

姻珠薛
4 years ago
Views:

1 2 Outline APP 與微控器整合 2017 中山大學電機實驗營 App 開發環境 -Android Studio 介紹 App 開發實驗營 App 流程 3 4 Android Studio 介紹 Android Studio 是一個為 Android 平台開發程式的整合式開發環境, 可供開發者免費使用, 並在 Windows OS X Linux 平台上均可執行專案結構

1 1 2 Outline APP 與微控器整合 2017 中山大學電機實驗營 App 開發環境 -Android Studio 介紹 App 開發實驗營 App 流程 3 4 Android Studio 介紹 Android Studio 是一個為 Android 平台開發程式的整合式開發環境, 可供開發者免費使用, 並在 Windows OS X Linux 平台上均可執行專案結構一個專案下有 :manifests java res 三個資料夾 Manifests: 宣示說明檔案可向 Android 系統顯示應用程式的基本資訊, 也就是系統在執行該應用程式的任何程式碼之前必須具備的資訊 Java 資料夾中放的是所撰寫的程式碼 Res 資料夾下有 :drawable layout mipmap value Drawable mipmap value 放的是宣告的素材圖片等 Layout 放的是 app 介面的佈局 app manifests java res 應用程式宣示說明撰寫的程式碼 drawable mipmap Values layout 1

2 5 10 何謂 Activity 最簡單的就是你可以把 Activity 看成一個 User Interface Program, 原則上它會提供使用者一個互動式的介面功能, 那一個 activity 只有一個 UI 嗎? 當然不是囉, 舉例來說 : 一個程式, 就可能包含三個 activity (1) 郵件列表的 activity (2) 顯示郵件內容的 activity (3) 寫新郵件或回覆郵件的 activity App 開發流程應用程式宣示說明 : 為應用程式的 Java 封裝命名宣告應用程式必須擁有哪些權限描述應用程式的元件組成應用程式的 Activity 服務廣播接收器和內容供應程式宣告應用程式要求的最低 Android API 級別列出應用程式必須連結的程式庫新增專案應用程式宣示說明介面設計程式撰寫 App 介面設計有兩種設計介面方法 : 拖拉元件寫程式選擇元件佈局拖拉元件設定元件參數程式撰寫流程依照元件 id 宣告元件不同元件有不同觸發條件依照需求可執行多執行緒只能在主程式的 thread 改變 UI 介面引入所需 library 宣告所需變數元件 oncreate 程式初始化依照元件宣告觸發事件 2

3 13 14 程式撰寫 package mpd.app_demo; // 應用程式名稱 import android.support.v7.app.appcompatactivity; // 引入所需 library import android.os.bundle; public class MainActivity extends AppCompatActivity { final Button front_button = (Button) findviewbyid(r.id.btn_front); // protected void oncreate(bundle savedinstancestate) { // 程式初始化 super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); front_button.setonclicklistener(new View.OnClickListener() { // public void onclick(view v) { /***do something***/ ); App 使用多 Activity 開啟一個 activity Intent intent = new Intent(this, CarActivity.class); startactivity(intent); 關閉 activity finish(); 在多 activity 之間共用 socket 將 socket 宣告成 public static public static Socket control_socket = null; MainActivity.connectedOutputStream.write(result_L); if (!getpackagemanager().hassystemfeature(packagemanager.feature_bluetooth)){ Toast.makeText(this, "FEATURE_BLUETOOTH NOT support", Toast.LENGTH_LONG).show(); finish(); return; bluetoothadapter = BluetoothAdapter.getDefaultAdapter(); if (bluetoothadapter == null) { Toast.makeText(this, "Bluetooth is not supported on this hardware platform", Toast.LENGTH_LONG).show(); finish(); return; 如果藍芽沒有啟用就啟用 if (!bluetoothadapter.isenabled()) { Intent enableintent = new Intent(BluetoothAdapter.ACTION_REQUEST_ENABLE); startactivityforresult(enableintent, REQUEST_ENABLE_BT); 3

4 17 18 Set<BluetoothDevice> paireddevices = bluetoothadapter.getbondeddevices(); if (paireddevices.size() > 0) { paireddevicearraylist = new ArrayList<BluetoothDevice>(); for (BluetoothDevice device : paireddevices) { paireddevicearraylist.add(device); paireddeviceadapter = new ArrayAdapter<BluetoothDevice>(this, android.r.layout.simple_list_item_1, paireddevicearraylist); listviewpaireddevice.setadapter(paireddeviceadapter); mythreadconnectbtdevice = new ThreadConnectBTdevice(device); mythreadconnectbtdevice.start(); bluetoothsocket = device.createrfcommsockettoservicerecord(myuuid); bluetoothsocket.connect(); 藍芽連線後執行 ThreadConnected 背景執行緒 startthreadconnected(bluetoothsocket); 前面有介紹過什麼是 Acticity, 這裡就是一個在一個 Activity 開啟另一個 Activity 的範例 CarActivity 是我們要開啟的 Activity 也就是我們車輛控制的地方 public void start_car_control(){ Intent intent = new Intent(this, CarActivity.class); startactivity(intent); 實驗營 App 流程 - 車輛控制拖拉 seekbar 來調整速度轉彎按下停止按鈕馬上讓車輛停止按下置中按鈕讓車輛方向置中按下按鈕按鈕來微調方向按下前按鈕後按鈕來微調速度初始化 seekbar 圖片開始控制車輛條件觸發傳送指令更新 UI 介面 4

5 21 22 App 透過藍芽與微控器溝通微控器依照收到的指令去控制車輛車輛控制指令 :F B S R L N 前輪向一段 :R 中前輪後輪 MCU MCU Car BT App 向一段 :L 置中 :N 後輪加速一段 :F 減速一段 :B 立即停止 :S N 四段速度控制四段方向角度控制方向置中一鍵停止 - 注意事項藍芽模式的設定微控器與 App 傳送的封包內容微控器控制車輛的演算法要和 App 配合 5

多媒體應用 13 新增專案並完成版面配置 <ExMusic01> <activity_main.xml> ImageView ID imgplay ImageView ID imgstop ImageView ID imgfront TextView ID txtsong TextView ID t

多媒體應用 13 新增專案並完成版面配置 <ExMusic01> <activity_main.xml> ImageView ID imgplay ImageView ID imgstop ImageView ID imgfront TextView ID txtsong TextView ID t 設定存取 SD 卡的權限 SD SD 13.1.4