2014
Jan
30
學習寫 IOS 的第一步，如何寫一個 「 Hello World!」的 App，這篇文章會一步一步的教你建立一個 App。
建立 IOS Project
先打開 Xcode 程式，建立一個新的 Project。
選擇一個空的 Application
選擇 iPhone
等 Xcode 建立好 Project 之後，左上角記得要選擇 iPhone Simulator ， 這樣執行程式才會是使用 iPhone。
建立 Window
在 Xcode 自動建立出 project 後，介面預設就會有個檔案叫 AppDelegate.m ，這個檔案就是 App 程式的入口。
程式預設就會有 self.window 的物件，這是 App 的第一個視窗，這裡我不想要用預設的程式，所以我自已宣告 UIWindow *window
第二步我要設定視窗的顏色為紫色，顏色設定方式為 [UIColor purpleColor]
簡單的幾行程式，執行後會看到一個紫色背景視窗。
AppDelegate.m
- - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
- {
- UIWindow *window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
- window.backgroundColor = [UIColor purpleColor];
- [window makeKeyAndVisible];
- self.window = window;
- return YES;
- }
DEMO
建立 View
有了視窗(window) 後，接著我須要一個 view，我們使用 UIView 這個物件來實作。
看下面的範例，第一行先建立一個 UIColor ，並設定 RGB 顏色 (255, 150,150)，第二行是取得 window 的 bound。
第三行建立 UIView Object ，並給予 bound 範圍。
第四行設定背景色。
第五行將 view 加入 window 裡。
View
- UIColor *color = [UIColor colorWithRed:255/255.0f green:150/255.0f blue:150/255.0f alpha:1.0];;
- CGRect bounds = self.window.bounds;
- UIView* view = [[UIView alloc] initWithFrame: bounds];
- [view setBackgroundColor: color];
- [self.window addSubview: view];
建立 Label
接著我要寫入 Hello World! 這幾個字到 view 裡面，所以我建立一個文字物件叫 UILabel，用 UILabel 內建的 method setText ，設定文字為 Hello World! ，最後再將 Label 加入至上一步建立的 view 。
Label
- CGRect labelFrame = CGRectMake( 10, 40, 100, 30 );
- UILabel* label = [[UILabel alloc] initWithFrame: labelFrame];
- [label setText: @"Hello World!"];
- [label setTextColor: [UIColor orangeColor]];
- [view addSubview: label];
Hello World 範例
全部的程式加幾來執行後，就會得到下列的結果。
DEMO
AppDelegate.m 全部的 Code
- - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
- {
- //Create Color
- UIColor *color = [UIColor colorWithRed:255/255.0f green:150/255.0f blue:150/255.0f alpha:1.0];
- UIWindow *window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
- window.backgroundColor = [UIColor purpleColor];
- [window makeKeyAndVisible];
- self.window = window;
- CGRect bounds = self.window.bounds;
- // Create a view and add it to the window.
- UIView* view = [[UIView alloc] initWithFrame: bounds];
- [view setBackgroundColor: color];
- [self.window addSubview: view];
- //x y width height
- CGRect labelFrame = CGRectMake( 100, 240, 100,30 );
- UILabel* label = [[UILabel alloc] initWithFrame: labelFrame];
- [label setText: @"Hello World!"];
- [view addSubview: label];
- return YES;
- }
回應 (Leave a comment)