lazarus免費版的Delphi

一直在思考如果有一天如何把Delphi再發揚光大,不過現在遇到的問題在於Delphi的售價居高不下。而且也沒有Visual Studio Express這種版本…..甚至在行動APP開發的Eclipse都是免費的。

File:Lazarus 1.0.12 Mac OS X Mavericks.png

晚上看到有網友問我Lazarus的問題,才知道原來有一套Opensource的Pascal IDE~Lazarus甚至跟Delphi有很高度的相容性,也可以直接在Linux、Windows、Mac OS上安裝,甚至一樣也可以開發iOS程式(如下影片)

File:Simulator.png

也可以開發Android程式(網站連結)。

File:lcl android 30 mar.png

 

等手上的案子忙完後再來試用分享囉!先記錄下來~

 

Lazarus http://www.lazarus.freepascal.org/

Lazarus中文社群 http://www.fpccn.com/

Delphi XE5開發的Mobile APP有那些上架?

Delphi 支援 Android / iOS的行動裝置開發已經一段時間了!許多人好奇開發出來的APP到底可不可以在 Google Play 或是  Apple Store上架?

Embarcadero整理了一個「RAD Studio Application Showcase」網頁,讓大家知道有那些已上架的APP。

android ios

當然如果您要回報你使用Delphi、C++ Builder或RAD Studio開發且上架的程式,也可以透過這個表單送出。

Delphi XE5 Android Kitkat Style下載

Delphi XE5提供 Andoird 4.4 Kitkat的樣式下載,使用的方式也相當簡單

1)在畫面上放一個TStyleBook元件

2)將 AndroidLight.fsf 或 AndroidDark.fsf 載入到TStyleBook元件

3)在 form oncreate事件加上~

{$IFDEF ANDROID}

if TOSVersion.Check(4, 4) then StyleBook := StyleBook1;

{$ENDIF}

下載網址: embarcadero網站

Day3 – Delphi XE5簡易手電筒

在經過前二天的安裝以及設定之後,今天來教大家寫一個最簡單的app-手電筒。十分鐘就可以完成了唷 🙂

螢幕快照 2013-10-10 下午8.43.051新增空白專案

螢幕快照 2013-10-10 下午8.56.04

2接著我們要在畫面上放上二個元件,在右下角的元件盤中搜尋打上tswitch,這是一個開關的元件。直接在TSwitch快點二下

螢幕快照 2013-10-10 下午8.56.28

3第二個元件是TCameraComponent,從名稱就知道跟相機有關的,沒錯,因為手電筒就是打開相機的閃光燈。一樣也是搜尋到之後快點二下即可。

螢幕快照 2013-10-10 下午9.16.09

4二個元件放上去的畫面

螢幕快照 2013-10-10 下午8.56.45

5接下來點選畫面上的CameraComponent1元件,然後左下角的Active打勾成為 True

螢幕快照 2013-10-10 下午8.57.05

6接下來點選畫面上的Switch元件,然後將左下角的屬性視窗點Events頁籤,往下找到OnSwitch快點右邊空白處二下

螢幕快照 2013-10-10 下午8.59.57

7在裡面輸入以下的程式

  if Switch1.IsChecked then begin
    if CameraComponent1.HasFlash then
      CameraComponent1.TorchMode := TTorchMode.tmModeOn;
  end else begin
    if CameraComponent1.HasFlash then
       CameraComponent1.TorchMode := TTorchMode.tmModeOff;
  end;

稍微講解一下,如果Switch是打開的(Switch1.IsChecked),檢查相機是不是有閃光燈(CameraComponent1.HasFlash),確定有的話,就將相機的TorchMode(燈光)打開(tmModeOn),相反的就是關掉(tmModeOff)。

打完收功!按下F9之後,就是您的第一個APP程式叫「手電筒」XD

範例程式碼下載: https://github.com/superlevin/delphixe5flashlight

實機操作畫面:

Day2 – Delphi XE5 開發Android、Mac/iOS設定

Android設定

螢幕快照 2013-10-09 下午4.27.29

1開始功能表→Embarcadero RAD Studio XE5→Android Tools

螢幕快照 2013-10-09 下午4.52.09

2開啟之後,其實就是Android SDK Manager的畫面

螢幕快照 2013-10-09 下午4.53.16

3點選上面功能表Tools→Manage AVDs就可以看到delphi xe5在安裝時會自動新增一個rsxe5_android模擬器

螢幕快照 2013-10-09 下午4.37.15

4如果您已安裝好自己android手機的usb驅動程式,可以進入命令字元模式(執行→cmd),然後輸入 adb devices,如果正確的話就會列出您的手機。

Mac/iOS設定

螢幕快照 2013-10-09 下午5.03.04

1到apple網站下載xcode並安裝(網址 https://developer.apple.com/xcode/)

螢幕快照 2013-10-09 下午5.03.35

螢幕快照 2013-10-09 下午5.03.21

2安裝完成後,打開xcode,進入選單Preferences中安裝Command line tools

螢幕快照 2013-10-09 下午5.06.27

3將C:\Program Files\Embarcadero\RAD Studio\12.0\PAServer中的RADPAServerXE5.pkg複製到mac上安裝,完成後就會出現RAD PAServer XE5

測試設定是否成功

Android APP開發

螢幕快照 2013-10-09 下午5.09.49

1打開 delphi XE5主程式,點選 File -> New -> FireMoneky Mobile Application – Delphi 新增專案

螢幕快照 2013-10-09 下午5.10.08

2選擇blank application(空白專案)

螢幕快照 2013-10-09 下午5.13.16

3自動建立一個手機app的空白專案

螢幕快照 2013-10-09 下午5.13.32

4預設是執行到android上(粗體),其他也可以直接執行在iOS的實機或模擬器上

螢幕快照 2013-10-09 下午5.16.56

螢幕快照 2013-10-09 下午5.19.57

5從右下角的Tool Palette(工具盤),點一下TButton,再回到手機畫面的空白處拖拉出您要的大小

螢幕快照 2013-10-09 下午5.21.16

螢幕快照 2013-10-09 下午5.23.20

6再到左下角的Object Inspector(物件檢視器),下拉到Text的部份,把Button1改成Hello World

螢幕快照 2013-10-09 下午5.29.17

7點開右邊的project1,把android下面target的部份設定成PC36100(壽山的HTC手機),接著點選功能表的RUN→RUN(或直接按F9)

1391869_10151619643916541_923988776_n

8實機拍攝的狀況

iOS APP開發

延續上面的1~6的步驟。

螢幕快照 2013-10-09 下午5.44.38

螢幕快照 2013-10-09 下午5.45.15

0在mac機器上打開paserver,並輸入密碼(一定要輸入),並取得該主機的ip(可以打開終端機輸入ifconfig)

未命名1

未命名

未命名2

1在ios simlulator點二下變粗體後,按右鍵Properties在profile的地方下拉,按add new

螢幕快照 2013-10-09 下午5.42.29

2輸入設定檔名稱按下一步(next)

螢幕快照 2013-10-09 下午5.42.52

螢幕快照 2013-10-09 下午5.45.48

3輸入執行paserver的主機ip以及密碼,沒問題的話按test connection會出現成功訊息

螢幕快照 2013-10-09 下午5.46.00

4設定好後按finish,接著點ok,就可以按f9執行了

螢幕快照 2013-10-09 下午6.00.39

5模擬器執行畫面如上,恭禧您!已經學會iOS跟Android APP設計的第一步了。

 

系列文章

Delphi XE5學習中文書

有網友反應看到DELPHI XE5高效率的Android iOS APP開發功能很想學,但一直找不到中文的書籍~對不少英文能力不是很強的人,即使看到這套很神奇的工具,沒有中文參考書的情況下只好卻步。

其實台灣的捷康科技有出版幾本書籍,大家可以參考,不過因為沒有在書局舖貨的情況下,大家都不曉得。分享給大家!

購書網址: http://embarcadero.qcomgroup.com.tw/publish_books.html

delphi xe5 移動開發入門手冊

XE5

delphi xe4 firemonkey、datasnap

【工商服務】APP整合開發養成班

致力於 APP 開發教學的 沈志宗大哥給的訊息,轉貼給朋友們知道一下!

中部的朋友們,久等了!

您要 為期三個半月的 APP 整合開發養成班?
或是 假日在職班?

年底到了,如果想轉行,又不是資訊相關科系,可以大膽報名「APP 整合開發養成班」

如果自己或親戚朋友有剛退伍、剛畢業的小孩,也不是資訊相關科系,擔心找不到好工作的,也可以大膽報名「APP 整合開發養成班」

如果在北部,當然是選擇中央大學資策會 (http://goo.gl/jH2PU)

另外,如果你不想浪費時間在電視前看宮廷爭奪劇,認為該把握生命利用時間寫 App 多掙些生活費用,每個月多個 US$100~200 也好,那就可以大膽報名「假日在職班」。

我建議您到資策會,不只是因為我在那裡教,也不是資策會比較厲害,只是值得你信賴!

好吧,這裡就有連結可以報名 (http://iphone.to/) 手機也可以!

提高網頁到APP轉換率的智能APP廣告(Smart APP Banner)

如果您是iOS APP開發者,不能錯過這個功能。iOS6 在 Safari 增加了Smart App Banners。

愛料理(iCook)行動版網頁為例,如果透過Safari瀏覽網頁時,會發現上面出現一個Banner列,如果您也有安裝這個app的話,就會出現”開啟”。

10356_10151411229861541_889849737_n

如果您並未安裝該app的話,則會出現檢視的按鈕。421_10151411229806541_1274658938_n

按下檢視按鈕後,就會自動帶入到app store,讓您進行安裝。如此一來,可以提高網頁到app的轉換率。

5346_10151411229756541_1036257814_n

如何在網頁上增加呢?只要在網頁上加入
<meta name=”apple-itunes-app” content=”app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL”>

主要的參數有:
app-id=xxxxx 您的app在app store的id (像iCook是 554065086)
app-argument=xxxx
透過URL傳到APP做處理,這個參數會傳到 UIApplication delegate method :
-(BOOL)application:(UIApplication*)application
openURL:(NSURL*)url
sourceApplication:(NSString*)sourceApplication
annotation:(id)annotation

至於怎麼做就看您囉。

參考文章:Promoting Apps with Smart App Banners

Delphi XE4 for iOS 台中場 Delphi K.Top站長分享App上架流程

強者前東家老闆,同時也是 Delphi K.Top討論區站長 領航天使(李信宏),透過自己實作的方式分享如何使用Delphi XE4開發iOS以及上架。簡報中也看到實際有上架了二個app,CChess(中國象棋暗棋)以及DiuDiu。這意味著以前利用Delphi 寫的遊戲,可以不用很痛苦的透過Delphi XE4移植到 iOS上囉!

20130522-095215.jpg