目前的移動手機有兩大作業系統:Android 和 iOS ,這兩者系統不同,開發的應用程式也不能通用。 Google 開發了 Flutter 架構用以開發來兼容 Android、iOS、Windows、Mac、Linux、Google Fuchsia 多種作業系統的應用程式。 這對開發人員來說是好消息。

本文介紹利用 Android Studio 及 Flutter 建立簡單應用程式的過程。


1. 建立專案(New Flutter Project)

00_cir_AndroidStudio_NewFlutterProject.png

New Flutter Project 左邊選擇 Flutter ,下方選擇 Next

01_ProjectSet1.png

Project name 只能包含小寫英文和下底線
否則會出現警告訊息

02_warn_projectName.png

建立成功後,畫面左邊會顯示 新的專案。

05_AndStu_view.png

點下 > 符號,就可看到 整體專案的目錄結構
06_Framework_folders.png

選取 lib 下的 main.dart,在右邊區域就可看到 內容

08_main_dart.png

上方的 void main() 就是 程式使先執行的函式

2. 執行程式

 首先開啟 模擬環境管理員:AVD Manager
09_cir_AVD_Manager.png

AVD Manager 會列出系統裡所有的 Device 環境。在右方按下 綠色箭頭 就可以開啟 模擬 Device 環境。

10_cir_VD_.png

模擬 Device 環境開啟後,一個手機介面的模擬 Device會出現。
11_VirtualDevice.png

這時候在 Android Studio 右上方按下按鈕,讓專案執行在模擬 Device 內。

12_cir_Run_VD.png

畫面會出現 "Starting DevTools" 的字串

13_Starting.png

在下方出現 將開發程式移到模擬 Device 內除錯。
14_run_status.png

專案執行的結果就會顯示在模擬 Device 內。

15_result.png

創作者介紹
創作者 小木屋 的頭像
小木屋

小木屋

小木屋 發表在 痞客邦 留言(0) 人氣( 36 )