Presentation is loading. Please wait.

Presentation is loading. Please wait.

第二章 B4A程式語言的開發環境 課程名稱:程式設計 授課老師:李春雄 博士

Similar presentations


Presentation on theme: "第二章 B4A程式語言的開發環境 課程名稱:程式設計 授課老師:李春雄 博士"— Presentation transcript:

1 第二章 B4A程式語言的開發環境 課程名稱:程式設計 授課老師:李春雄 博士
授課老師:李春雄 博士 各位同學大家好,我是李春雄老師,本學期所開設的課程名稱為「資料結構」, 今天所要為各位介紹的是第一章「資料結構導論」

2 本章學習目標 1.讓讀者了解Basic4Android程式語言的基本概念 及相關版本。
及撰寫方式。 開始: 本章學習目標 有二項:

3 本章內容 2-1 Basic4Android程式語言 2-2 Basic4Android程式語言的版本 2-3 建置B4A的開發環境
1-1 認識資料與資訊的關係: 其中,「資料」轉換成「資訊」必須要經過一連串處理過程,而這一連串的處理過程就是透過「程式」來處理。 1-2 何謂資料結構? 「資料結構」(Data Structures)主要是探討如何將資料更有組織地存放到電腦記憶體中,以提昇程式之執行效率的一 門學問。 1-3 何謂演算法?演算法就是「解決問題的方法」 1-4 程式設計概念: 步驟1. 分析所要解決的問題 步驟2. 設計解題的步驟 步驟3. 編寫程式 步驟4. 上機測試、偵測錯誤 步驟5. 編寫程 式說明書 1-5 結構化程式設計 利用「由上而下」的技巧,將程式分解成許多個獨立功能的模組。並且每一個模組都是由三種結構所組成。分別為循序結構、選擇結構及重複結構。 1-6 演算法的效率評估 指用來計算某些演算法所撰寫的程式,在經過編譯之後,實際執行所需要的時間。

4 2-1 Basic4Android程式語言 【定義】
Basic4Android程式語言(簡稱為B4A),是一套專門開發Android APP的BASIC語言,它是由以色列國家的「Anywhere Software」軟體公司所開發,並且開發Android和Windows Mobile平台工具。 【特色】 Basic4Android 是一套整合性並且功能豐富的快速應用程序開發工具,它可以讓「初學者及專家」,快速開發高性能的原生Android APP應用程式。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

5 【官方網站】 http://www.basic4ppc.com/android/contact_us.html 圖:
接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

6 B4A【優點】 1.提供一種「What You See Is What You Get ;WYSIWYG」直覺式 的設計觀念。
2.不需學習艱難的JAVA語言,也能具有原生APP的所有功能。 3.讓BASIC程式碼直接編譯成JAVA程式碼來建立原生版的Android App。 4.內建豐富的函式庫及外部模組。例如:SQLite資料庫、GPS定位服務、 Web服務等等。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

7 2-2 Basic4Android程式語言的版本
升級的服務建議行動應用程式開發者(程式設計師) 二、Basic4Android標準版:它只提供「單一開發者授權」2個月 免費升級的服務。建議行動應用程式開發者(電腦玩家) 三、Basic4Android伺服器授權版:它可以同時授權「30位開發者」 在單一伺服器使用。建議學校單位或公司的資訊中心 四、Basic4Android測試版:它只提供使用者免費使用30天。 建議初學者 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

8 Basic4Android測試版 http://www.basic4ppc.com/android/files/b4a-trial.exe
註:測試版只提供基本功能,不支援SQLite資料庫及外部的模組與函數庫。 綜合上以四種版本,如果您開發的資訊系統,則必須要使用SQLite資料庫,因此必須要使用前三種版本,但是必要付款購買,其網站如下: 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

9 付款購買 http://www.basic4ppc.com/android/purchase.html 【註】
你可以先購買「Basic4Android標準版」,目前促銷價為$24美元, 台幣約733元。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

10 付款購買(續…) 【說明】 【注意】在您下載並安裝軟體之後,授權檔(b4a-license.txt)會自動被刪除。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

11 2-3 建置B4A的開發環境 基本上,想利用B4A來開發Android APP手機應用程式時,您必須要先在電腦安裝以下三種不同的軟體。 圖:
接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

12 2-3.1 安裝 JAVA JDK(Java 開發套件)
由於,目前Android APP應用程式的原生開發都是使用JAVA語言,因此,我們利用B4A撰寫的程式碼也必須要編譯成JAVA程式碼,以建立原生的Android APP應用程式。 所以,在建置B4A的開發環境之前,必須要先下載再安裝JAVA JDK。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

13 一、下載JAVA JDK 所以,我們必先到官方網站下載「JAVA JDK」。
步驟一: 步驟二:選擇「JDK」鈕 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

14 步驟三:在Java SE Development Kit 7u45對話方塊中,選「Accept License Agreement 」
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

15 步驟四:下載「jdk-7u45-windows-i586.exe」
注意: 先在C碟建立「開發Android_APP」資料夾,亦即「C:\開發Android_APP」,然後,再將「jdk-7u45-windows-i586.exe」下載到此目錄中。 32位元 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

16 二、安裝JAVA JDK 假設您在前一個步驟中,已經順利下載JAVA JDK了。接下來,我們就可以開始進行安裝JAVA JDK,其步驟如下:
步驟一:連按兩下「jdk-7u45-windows-i586.exe」 說明:在上面的對話方塊中,請按下方的「Next」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

17 步驟二:安裝路徑 說明:<建議預設路徑>
在上面的對話方塊中,我們可以看到預設的路徑為「C:\Program Files\Java\jdk1.7.0_45」,如果沒有要更改時,請直接按下方的「Next」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

18 步驟三:進行安裝程序及設定執行環境 說明:<建議預設路徑>
在進行安裝程序的數分鐘後,我們可以看到預設的路徑為「C:\Program Files\Java\jre7」,如果沒有要更改時,請直接按下方的「Next」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

19 說明:如果您安裝到最後,出現以上的對話方塊中,代表已經安裝完成。 此時,請直接按下方的「Close」鈕即可。
步驟四:安裝完成 說明:如果您安裝到最後,出現以上的對話方塊中,代表已經安裝完成。 此時,請直接按下方的「Close」鈕即可。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

20 2-3.2 安裝Android SDK (Android 軟體開發套件)
步驟一: 步驟二:選擇「Download the SDK」鈕 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

21 步驟三:勾選「同意授權」及點選「位元版本」並下載SDK
注意: 請您將「adt-bundle-windows-x86_ zip」下載到「C:\開發Android_APP」目錄後,再進行「解壓縮」。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

22 觀看「解壓縮」後所產生的兩個資料夾(eclipse與sdk)及一個檔案(SDK Manager.exe)
步驟四:觀看「解壓縮」後的資料夾與檔案 說明: 觀看「解壓縮」後所產生的兩個資料夾(eclipse與sdk)及一個檔案(SDK Manager.exe) 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

23 步驟五:更改資料夾名稱 請將「C:\開發Android_APP」目錄下的「adt-bundle-windows-x86_ 」子目錄名稱更改為「Android手機模擬器」。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

24 二、安裝Android SDK開發套件 請在「C:\開發Android_APP\Android手機模擬器」目錄下,完成以下的步驟:
步驟一:連按兩下「SDK Manager.exe」 步驟二:安裝 SDK開發套件 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

25 步驟三:同意安裝 SDK開發套件 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

26 注意:記得勾選符合您Android手機的作業系統版本。 例如:筆者的手機版本為Android 4.0.3。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法 注意:記得勾選符合您Android手機的作業系統版本。 例如:筆者的手機版本為Android 4.0.3。 建議:勾選「Android 4.2.2」或「Android 4.4.2」,因為它可以往下相容。 說明:在安裝完成之後,請直接按「右上角X」來關閉視窗。

27 2-3.3 安裝B4A (Basic4Android程式編輯器)
在我們安裝JAVA JDK與Android SDK開發套件之後,接下來,就可以安裝Basic4Android測試版。其完整的步驟如下所示: 一、下載Basic4Android測試版 我們必先到官方網站下載「Basic4Android測試版」。 注意:請您將「b4a-trial.exe」下載到「C:\開發Android_APP」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

28 二、安裝Basic4Android測試版 假設您在前一個步驟中,已經順利下載Basic4Android測試版了。接下來,我們就可以開始進行安裝Basic4Android測試版,其步驟如下: 步驟一:連按兩下「b4a-trial.exe」 說明:在上面的對話方塊中,請按下方的「Next」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

29 步驟二:同意授權 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

30 在上面的對話方塊中,我們可以看到預設的路徑,如果沒有要更改時,請直接按下方的「Next」鈕。
步驟三:安裝路徑 說明:<建議預設路徑> 在上面的對話方塊中,我們可以看到預設的路徑,如果沒有要更改時,請直接按下方的「Next」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

31 步驟四:建立B4A的圖示在桌面上 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

32 步驟五:準備安裝B4A 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

33 說明:如果您安裝到最後,出現以上的對話方塊中,代表已經安裝完成。 此時,請直接按下方的「Finish」鈕即可。
步驟六:安裝B4A 說明:如果您安裝到最後,出現以上的對話方塊中,代表已經安裝完成。 此時,請直接按下方的「Finish」鈕即可。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

34 2-4 啟動及設定Basic4Android 一、啟動Basic4Android
在您的桌面選取「開始」--->「程式集」--->「Basic4Android /Basic4Android」即可進入了或直接在桌面上點取「Basic4Android」小圖示。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

35 二、設定Basic4Android 在我們安裝JAVA JDK與Android SDK開發套件之後,接下來,就可以設定Basic4Android測試版如何連到JDK及Android SDK中的android.jar。其完整的步驟如下所示: 步驟一:您必須要先啟動Basic4Android執行程式 步驟二:執行「Tools/Configure Paths」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

36 步驟三:設定javac.exe與android.jar的路徑
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法 註: 如果您剛才下載「adt-bundle-windows-x86_ zip」檔案「解壓縮」到C碟時,則你必須要到C碟中找「adt-bundle-windows-x86_ 」子目錄

37 【注意】 在您的B4A上方的功能表之「Tools/Remote Compilation Mode」的勾選取消掉即可,亦即不使用遠端編譯模式。否則,在進行執行時往往會產生錯誤。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

38 2-5 Basic4Android 語言操作環境 基本上,在Basic4Android 語言的操作環境中,它提供以下九種工具:
1. 功能表列 2. 一般工具列 3. 模組名稱視窗 4. 模組清單視窗 5. 程式碼編輯區 6. 程序選單視窗 7. 程序清單視窗 8. 編譯選單視窗 9. 頁籤視窗 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

39 除了你可以使用功能表列來選擇你需所的功能之外,Basic4Android也提供一般使用者常用的工具放在工具列中,讓使用者快速點選。
一、功能表列 你可以在功能表列中選擇所需要的功能。  二、一般工具列 除了你可以使用功能表列來選擇你需所的功能之外,Basic4Android也提供一般使用者常用的工具放在工具列中,讓使用者快速點選。 例如:當我們撰寫完成程式之後,我們可以直接在「一般工具列」中按「 」來執行程式。而不需要在功能表列點選「Project/Compile & Run」等程序。 三、模組名稱視窗 用來顯示目前正在「程式碼編輯區」中所使用的模組名稱。 例如:目前正在使用「Myebook」模組名稱,並且當模組數量較多時,右邊自 動會出現「左、右」箭頭來查看其他模組。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

40 例如:本開發專案,擁有20個模組。如下圖所示。
四、模組清單視窗 用來顯示目前開發專案中,擁有的模組數。 例如:本開發專案,擁有20個模組。如下圖所示。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

41 是指用來讓程式設計師開發專案程式碼的編輯區。
五、程式碼編輯區 是指用來讓程式設計師開發專案程式碼的編輯區。 注意:在「程式碼編輯區」各種不同顏色,有其不同的意義,例如: (1)藍色:代表關鍵字 (2)黑色:代表程式碼 (3)淺藍色:代表資料型態 (4)綠色:代表註解 (5)暗紅色:代表字串 (6)紫色:代表物件變數名稱 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

42 五、程式碼編輯區【活動事件的說明】 在B4A程式語言中,它的「程式碼編輯區」有三個主要活動:
1. Activity_Create(FirstTime As Boolean) 第一次活動被啟動時,將會執行Activity活動中的Create事件。 2. Activity_Resume (1)在Activity活動的Create事件之後馬上被執行。 (2) 當主畫面(Main)呼叫次畫面,再返回時,最先被執行。 3. Activity_Pause (UserClosed As Boolean) 活動暫停狀態,基本上它在設計時,比較沒有被使用。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

43 六、程序選單視窗:是指讓程式設計師直接透過「程序選單視窗」 來找到對映的程式碼。如下圖所示。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

44 七、程序清單視窗:用來顯示目前「模組」中,擁有的程序數。 例如:Main模組擁有7個程序。如下圖所示。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

45 八、編譯選單視窗:是指用來指定是否在APK檔案中加入「偵錯資訊」。
【注意】 (1)Debug選項:當您想利用模擬器進行偵錯測試時,可以使用此選項。 (2)Release選項:當您想要將.apk在實際手機上執行時,務必選擇 「Release」選項。 筆者有測試過,如果是「Debug」選項,部分手機可能會無法順利執行。 (3) Release(obfuscated)選項:當您在模擬器測試及實際手機上執行 完成之後,如果想發佈到Google Play時,請使用此選項。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

46 (一)Modules頁籤:用來顯示目前的「模組清單」與「程序清單」視窗
九、頁籤視窗 (一)Modules頁籤:用來顯示目前的「模組清單」與「程序清單」視窗 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

47 (二)Files頁籤:用來讓程式開發者加入檔案(包括:版面配置檔(.bal)及SQLite資料庫…等)。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

48 (三)Logs頁籤:用來顯示目前「正在執行中」程式的相關記錄。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

49 (四)Libs頁籤:用來勾選正在開發專案所需要使用的「函式庫」。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法 注意: 測試版不支援函式庫中的進階功能選項。

50 2-6 撰寫第一支Basic4Android程式
【引言】 由於Basic4Android是一種「視覺化」的開發工具,也就是說,Basic4Android程式所設計出來的畫面,使用者只要利用滑鼠在模擬器上就可以輕鬆的操作所需要的功能。 【步驟】 1.先設計「畫面」 2.再撰寫「程式碼」 3.呈現「圖形化」執行結果。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

51 2-6.1 建立及啟動Android模擬器 一、建立Android模擬器(Android Virtual Devices;AVD)
步驟一:執行「SDK Manager」,請在功能表列中選擇 「Tools/Run AVD Manager」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

52 步驟二:安裝「Android SDK平台套件」,本書以Android 4.4.2為例。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

53 步驟三:管理Android模擬器「Tools/Manage AVDs…」
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

54 步驟四:在「模擬器」對話方塊中,按「New」來建立
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

55 步驟五:建立新Android模擬器,必須輸入相關資料,最後再按「OK」鈕。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

56 步驟六:建立新Android模擬器的相關資訊
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

57 步驟七:建立Android模擬器完成 剛才建立的Android模擬器 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

58 二、啟動Android模擬器 步驟一:選擇「模擬器」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

59 步驟二:啟動「MyPhone」模擬器 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

60 步驟三:模擬器開鎖 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

61 2-6.2 撰寫Basic4Android程式 我們在撰寫手機程式之前,必須要先了解每一支Basic4Android程式都是由兩個部份組合而成,分別為「介面」及「程式」。 因此,必須要完成以下四大步驟: 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

62 【開發示意圖】 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

63 【實例】 請設計一個介面,可以讓使用者按下「Button」鈕,顯示「我的第一支手機APP程式」訊息的程式
步驟一:將從「工具箱」加入物件到介面表單中 1. 開啟Basic4Android 2. 開啟Android模擬器(AVD):Tools/Run AVD Manager 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

64 3. 儲存檔案為「firstB4A.b4a」到「C:\開發Android_APP\ch2\目錄下」
4. 在B4A環境中開啟「Designer」設計視窗 5. 從「Designer」設計視窗上方「Add View」功能表來加入兩個物件 到「Abstract Designer」介面中,分別為:Label1與Button1。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

65 步驟二:設定物件的屬性之屬性值 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

66 將介面表單連結到Android模擬器 【註】
在「Abstract Designer」介面中的物件,是屬於「抽象的設計」,因為開發者無法看到所設定的相關屬性值,因此,必須要連結到Android模擬器,才能看到目前的實際畫面。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

67 儲存版面配置檔(.bal) 從「Designer」設計視窗上方「File」功能表中選擇「Save」選項。如下圖所示。
此時,會出現「Save layout」對話方塊,在此範例中,請輸入「Main」後,再按「OK」鈕,可以儲存「Main.bal」版面配置檔。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

68 在完成儲存版面配置檔之後,你可以按一下B4A右下方的「Files」頁籤,即可看到剛才建立的「Main.bal」版面配置檔了。如下圖所示:
將介面表單連結到Android模擬器 在完成儲存版面配置檔之後,你可以按一下B4A右下方的「Files」頁籤,即可看到剛才建立的「Main.bal」版面配置檔了。如下圖所示: 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

69 (一)宣告介面表單中的物件及相關事件,其方式有兩種: 第一種方法:從「Designer」設計視窗上方「Tool」功能表來
步驟三:撰寫程式碼 (一)宣告介面表單中的物件及相關事件,其方式有兩種: 第一種方法:從「Designer」設計視窗上方「Tool」功能表來 自動產生相關物件的程式碼 【說明】請勾選需要使用的物件及事件即可,最後,再按「Close」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

70 第二種方法:直接在「物件」上方按滑鼠右鍵,此時,請在功能選單中選擇「Generate」,並選取宣告的程式碼及相關事件。
例如1:宣告Label物件只能顯示資料時,則只選「Dim lalResult As Label」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

71 例如2:宣告Button物件具有執行功能時,則必須選「Dim btnRun As Button」及「Click」事件
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

72 此時,在Basic4Android程式碼編輯區中的「Sub Globals」程序中自動產生以下兩行程式碼及btnRun_Click事件:
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

73 (二)撰寫「顯示結果」功能的程式碼 第一部份:設定專案應用程式的名稱 【註】此「專案名稱」為上架到Google Play時的名稱。
第二部份:指定Main為載入「版面配置檔」及設定「標題名稱」 【註】此「標題名稱」為從Google Play下載、安裝,執行後所看到的名稱。 第三部份:撰寫「Button1」物件對映的事件程序 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

74 (1)第一種方式:在Basic4Android程式碼編輯視窗上方, 執行「Project/Compile & Run」指令
步驟四:測試執行結果 (1)第一種方式:在Basic4Android程式碼編輯視窗上方, 執行「Project/Compile & Run」指令 第二種方式:或在功能表列中「執行」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

75 【注意】 如果您在執行時,出現以下的錯誤畫面時, 如果你是「試用版」才會有此選項,而「正式版」則沒有此問題。
將在您的B4A上方的功能表之「Tools/Remote Compilation Mode」的勾選取消掉即可,亦即不使用遠端編譯模式。 如果你是「試用版」才會有此選項,而「正式版」則沒有此問題。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

76 (2)執行結果 【註】右邊數字9:切換到水平方向 右邊數字7:切換到垂直方向 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」
當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

77 如果你在編譯選單視窗中選擇「Release」選項,則按「Close」
(3)結束執行 如果你在編譯選單視窗中選擇「Release」選項,則按「Close」 如果你在編譯選單視窗中選擇「Debug」選項,則按「結束」鈕。 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

78 2-6.3 實機測試Android APP程式 當您利用Android模擬器測試完成之後,就可以實際利用你的Android手機就進行實機測試。基本上,有三種方式進行: 第一種方式:透過B4A中編譯與執行功能 步驟一:手機連接USB到電腦中 步驟二:在Android SDK Manager中安裝「Google USB Driver」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

79 步驟三:直接透過B4A的「Project/Compile & Run」。
圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

80 步驟三:再到您手機中SD卡目錄下,執行「firstB4A.apk」
第二種方式:直接在手機上執行 步驟一:手機連接USB到電腦中 步驟二:將電腦「C:\開發Android_APP\ch2\Objects」目錄下的「firstB4A.apk」檔複製到您的手機中SD卡下的錄目。 步驟三:再到您手機中SD卡目錄下,執行「firstB4A.apk」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

81 步驟三:再到您手機中SD卡目錄下,執行「firstB4A.apk」
第二種方式:直接在手機上執行(續…) 步驟三:再到您手機中SD卡目錄下,執行「firstB4A.apk」 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法

82 第三種方式:利用Google mail上傳及下載安裝 步驟一:先申請Google mail電子信箱。
步驟二:將電腦「C:\開發Android_APP\ch2\Objects」目錄下的.apk 檔寄到您自己的Google mail電子信箱中。 步驟三:再利用Android手機或平版到Google mail電子信箱中下載並 安裝.apk檔寄即可 圖: 接下來,我們可以從圖1-1來說明「資料與資訊的關係」 當我們「輸入原始成績」之後,如何輸出一張成績單呢?那就必須要透過「程式」來進行處理, 而在資料結構中,程式=資料結構+演算法


Download ppt "第二章 B4A程式語言的開發環境 課程名稱:程式設計 授課老師:李春雄 博士"

Similar presentations


Ads by Google