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

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

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

本章內容 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 演算法的效率評估指用來計算某些演算法所撰寫的程式，在經過編譯之後，實際執行所需要的時間。

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

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

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

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

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

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

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

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

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

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

步驟三：在Java SE Development Kit 7u45對話方塊中，選「Accept License Agreement 」

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

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

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

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

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

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

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

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

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

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

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

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

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

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

步驟二：同意授權圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

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

步驟四：建立B4A的圖示在桌面上圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

步驟五：準備安裝B4A 圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

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

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

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

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

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

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

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

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

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

五、程式碼編輯區【活動事件的說明】在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來說明「資料與資訊的關係」當我們「輸入原始成績」之後，如何輸出一張成績單呢？那就必須要透過「程式」來進行處理，而在資料結構中，程式=資料結構+演算法

六、程序選單視窗：是指讓程式設計師直接透過「程序選單視窗」來找到對映的程式碼。如下圖所示。

七、程序清單視窗：用來顯示目前「模組」中，擁有的程序數。例如：Main模組擁有7個程序。如下圖所示。

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

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

(二)Files頁籤：用來讓程式開發者加入檔案(包括：版面配置檔(.bal)及SQLite資料庫…等)。

(三)Logs頁籤：用來顯示目前「正在執行中」程式的相關記錄。

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

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

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

步驟二：安裝「Android SDK平台套件」，本書以Android 4.4.2為例。

步驟三：管理Android模擬器「Tools/Manage AVDs…」

步驟四：在「模擬器」對話方塊中，按「New」來建立

步驟五：建立新Android模擬器，必須輸入相關資料，最後再按「OK」鈕。

步驟六：建立新Android模擬器的相關資訊

步驟七：建立Android模擬器完成剛才建立的Android模擬器圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

二、啟動Android模擬器步驟一：選擇「模擬器」圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

步驟二：啟動「MyPhone」模擬器圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

步驟三：模擬器開鎖圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

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

【開發示意圖】圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

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

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

步驟二：設定物件的屬性之屬性值圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

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

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

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

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

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

例如2：宣告Button物件具有執行功能時，則必須選「Dim btnRun As Button」及「Click」事件

此時，在Basic4Android程式碼編輯區中的「Sub Globals」程序中自動產生以下兩行程式碼及btnRun_Click事件：

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

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

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

(2)執行結果【註】右邊數字9：切換到水平方向右邊數字7：切換到垂直方向圖：接下來，我們可以從圖1-1來說明「資料與資訊的關係」

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

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

步驟三：直接透過B4A的「Project/Compile & Run」。

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

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

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

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

Similar presentations

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

Similar presentations

About project

反馈

请登录

Auth with social network:

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

Similar presentations

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

Similar presentations

About project

反馈

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

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