2014
Jan
30

學習寫 IOS 的第一步,如何寫一個 「 Hello World!」的 App,這篇文章會一步一步的教你建立一個 App。

建立 IOS Project

先打開 Xcode 程式,建立一個新的 Project。

選擇一個空的 Application

 Create IOS Project

選擇 iPhone

 Select Device of IOS

等 Xcode 建立好 Project 之後,左上角記得要選擇 iPhone Simulator , 這樣執行程式才會是使用 iPhone。

iPhone Simulator

建立 Window

在 Xcode 自動建立出 project 後,介面預設就會有個檔案叫 AppDelegate.m ,這個檔案就是 App 程式的入口。

程式預設就會有 self.window 的物件,這是 App 的第一個視窗,這裡我不想要用預設的程式,所以我自已宣告 UIWindow *window

第二步我要設定視窗的顏色為紫色,顏色設定方式為 [UIColor purpleColor]

簡單的幾行程式,執行後會看到一個紫色背景視窗。

AppDelegate.m
  1. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
  2. {
  3.  
  4. UIWindow *window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
  5. window.backgroundColor = [UIColor purpleColor];
  6. [window makeKeyAndVisible];
  7. self.window = window;
  8. return YES;
  9. }
DEMO
 Select Device of IOS

建立 View

有了視窗(window) 後,接著我須要一個 view,我們使用 UIView 這個物件來實作。

看下面的範例,第一行先建立一個 UIColor ,並設定 RGB 顏色 (255, 150,150),第二行是取得 window 的 bound。

第三行建立 UIView Object ,並給予 bound 範圍。

第四行設定背景色。

第五行將 view 加入 window 裡。

View
  1. UIColor *color = [UIColor colorWithRed:255/255.0f green:150/255.0f blue:150/255.0f alpha:1.0];;
  2. CGRect bounds = self.window.bounds;
  3. UIView* view = [[UIView alloc] initWithFrame: bounds];
  4. [view setBackgroundColor: color];
  5. [self.window addSubview: view];

建立 Label

接著我要寫入 Hello World! 這幾個字到 view 裡面,所以我建立一個文字物件叫 UILabel,用 UILabel 內建的 method setText ,設定文字為 Hello World! ,最後再將 Label 加入至上一步建立的 view 。

Label
  1. CGRect labelFrame = CGRectMake( 10, 40, 100, 30 );
  2. UILabel* label = [[UILabel alloc] initWithFrame: labelFrame];
  3. [label setText: @"Hello World!"];
  4. [label setTextColor: [UIColor orangeColor]];
  5. [view addSubview: label];

Hello World 範例

全部的程式加幾來執行後,就會得到下列的結果。

DEMO
 IOS Hello World!
AppDelegate.m 全部的 Code
  1. - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
  2. {
  3.  
  4. //Create Color
  5. UIColor *color = [UIColor colorWithRed:255/255.0f green:150/255.0f blue:150/255.0f alpha:1.0];
  6. UIWindow *window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
  7. window.backgroundColor = [UIColor purpleColor];
  8. [window makeKeyAndVisible];
  9. self.window = window;
  10.  
  11. CGRect bounds = self.window.bounds;
  12. // Create a view and add it to the window.
  13. UIView* view = [[UIView alloc] initWithFrame: bounds];
  14. [view setBackgroundColor: color];
  15. [self.window addSubview: view];
  16. //x y width height
  17. CGRect labelFrame = CGRectMake( 100, 240, 100,30 );
  18. UILabel* label = [[UILabel alloc] initWithFrame: labelFrame];
  19. [label setText: @"Hello World!"];
  20. [view addSubview: label];
  21. return YES;
  22. }

其它相關教學


回應 (Leave a comment)