2014
Jan
30

IOS Hello World App 教學

Tags:
簡中版

網頁好讀版

學習寫 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 
  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

建立 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
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.     
  7.     UIWindow *window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
  8.     window.backgroundColor = [UIColor purpleColor];
  9.     [window makeKeyAndVisible];
  10.     self.window = window;
  11.  
  12.     
  13.     CGRect bounds = self.window.bounds;
  14.     
  15.     // Create a view and add it to the window.
  16.     UIView* view = [[UIView alloc] initWithFrame: bounds];
  17.     [view setBackgroundColor: color];
  18.     [self.window addSubview: view];
  19.                                     //x  y   width height
  20.     CGRect labelFrame = CGRectMake( 100, 240, 100,30 );
  21.     UILabel* label = [[UILabel alloc] initWithFrame: labelFrame];
  22.     [label setText: @"Hello World!"];
  23.     [view addSubview: label];
  24.     
  25.     return YES;
  26. }

其它相關教學

網頁好讀版

This post was last modified by puritys

Copyright © 2014 PURITYS.COM. All rights reserved.