TabControl 在 mobile 的世界中,是一個非常基本、也是不可或缺的元件,使用的方式很單純,先在 Form 上擺一個 TabControl 的元件後,就可以在 TabControl 上按滑鼠右鍵,即可得到如下畫面,選擇 Add Item 的 TTabItem 後,即可新增一個頁籤

下圖為新增了兩個頁籤後的樣子

TabControl 比較特別的屬性,就是 TabPosition,主要是用來決定顯示頁籤的 Title 顯示在哪裡(或不顯示),分別可以設定為 tpTop(預設)、tpBottom、tpDots、tpNone,就讓我偷懶一下把官網的圖貼到這裡來吧...

文章標籤

縹緲 發表在 痞客邦 留言(2) 人氣()

(1)CalendarEdit 顧名思義就是用來輸入日期的元件,如果將 CalendarEdit.InputSupport 為 True(預設為 False),則可以自行輸入數字,而非透過選單來選擇日期

(2)ClearEditButton 跟 TEdit StyleLookup 選擇為 clearingeditstyle 長的幾乎一樣,但是 ClearEditButton 的 按下去之後確實會將 Edit 上的文字清除,但  TEdit 的則沒有任何反應

(3)SpinBox 跟 VCL 時代 SpinEdit 的用途是一樣的,就是提供一個可以選擇特定範圍的數值輸入介面

(4)Switch 在 mobile 的世界裡常常看見,一般就是表達該選項是「開」或「關」

文章標籤

縹緲 發表在 痞客邦 留言(1) 人氣()

TEdit 是在簡單不過的元件,打從 Delphi 1 的時代就有嚕,不過當還在 Windows 年代的時候,TEdit 算是一個很陽春的元件,很多功能 EMBT 並未在 TEdit 上實現,簡單舉個例子,比如限制 TEdit 只能輸入數字,就必須自己寫 code,或是 TEdit 右邊需要一個小按鈕,類似這些基本的「進階」需求,TEdit 都沒有提供,除了仰賴設計師自己的功力外,當然你也可以透過 3rd party 的元件來滿足相關的需求,就不用自己傷腦筋開發了,不過隨著進入 mobile 的時代,EMBT 在 TEdit 上也做了部分功能上的擴充,以便迎合在 mobile 使用情境上的需要…

今天要介紹其中兩個部分,一個是 TEdit.KeyboardType,另外一個則不算是 TEdit 專屬的屬性,就是常常會用到的 StyleLookup

首先來看 KeyboardType,KeyboardType 總共有 8 個值可供設定,主要是依據 Edit 輸入情境的不同來選擇,方便使用者在虛擬鍵盤中可以比較快速選擇到要輸入的資料

預設值是 vktDefault,游標在此 Edit 時,虛擬鍵盤就會跳出來並顯示成這樣

文章標籤

縹緲 發表在 痞客邦 留言(2) 人氣()

以前在寫 windows 程式的時候,常常會遇到要將一些畫面上的選項、設定值等儲存到 ini 檔案中,以便記住使用者相關的設定,下次使用時不用重複再設定。現在環境轉換到了 Android 有什麼不一樣嗎?

觀念跟需求其實是一樣的,只是 mobile 的作業系統不管是 iOS 或是 Android 檔案結構跟 Windows  不太相同,所以 ini 檔案要存放在哪裡,也就變成一個問題,按照一般的建議,iOS 的部分,應該要存放在 StartUp\Documents\ 目錄中,而 Android 則是 assets\ 目錄,細節跟原因有興趣的話,請自行參閱各作業系統的開發指南

現在就讓我們來實做看看,如果是用 Delphi XE5 該如何處理呢?

(1)首先還是先 New 一個 FireMonkey Mobile Application

(2)簡單置放一個 CheckBox、Edit 與 Button 如下

文章標籤

縹緲 發表在 痞客邦 留言(2) 人氣()

後端 Server 已經準備好了,那麼重頭戲就要上場,如何把 Database 的資料顯示在 app 上呢?其實粉簡單,delphi 已經把複雜的部分都已經隱藏起來了,還記得前面提過,不用寫任何一行 code  就可以做到這件事嗎?在 Server 端我們的確沒有寫任何一行 code(SQL 語法不算的話),那麼接下來就說明如何處理 app(Client)這部分

(1)首先在開啟 delphi 之後,點選 File-> New -> FireMonkey Mobile Application

(2)在 wizard 畫面選擇 Blank Application

(3)接下來點選 File-> New -> Other

文章標籤

縹緲 發表在 痞客邦 留言(17) 人氣()

要展示從資料庫抓取資料顯示到 app 上,首先當然是要建立一個簡單的資料庫,就拿「臺北市旅服中心服務據點資訊」當成這次的展示標的好了

資料來源你可以從台北市政府資料開放平台中取得,網址如下

http://data.taipei.gov.tw/opendata/apply/NewDataContent?oid=8AC76ABB-A384-4968-AD3C-9E8E9D238168

細節就不多說了,取得資料後你可以想辦法匯入到 Database 中,以 SQL Server 為例,Table Name 取名為 NavigationCenter,只從開放平台

的資料中擷取四個欄位,分別是編號、名稱、地址、電話與服務時間,Table Schema 如下

文章標籤

縹緲 發表在 痞客邦 留言(3) 人氣()

今天要展示的,是如何使用 delphi debug 撰寫好的 app,想到的大概可以用三種方式

(1)把 app Project 的 Target Platforms 改成 32-bit Windows

   

    這種方式在測試一些程式碼運作邏輯的正確性上,是最為方便的,如果要測試的部分與硬體無關(比如不是使用 sensor),或是與

    手機 UI 無關的部分,那麼先透過 Windows 的環境驗證,是最為快速也有效的方式。

文章標籤

縹緲 發表在 痞客邦 留言(6) 人氣()

在開始寫這個簡單到不行的 app 之前,還是讓我們先在確認一下環境,看看官網是怎麼說的

1.XE5 可以安裝在那些 Windows 版本

2.安裝 XE5 所需硬體最小需求

文章標籤

縹緲 發表在 痞客邦 留言(4) 人氣()