標籤: app

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在裡面輸入以下的程式

[pascal]
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;
[/pascal]

稍微講解一下，如果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