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)