随着iPad的发布，我想很多人开始绞尽脑汁试图在新一轮的“淘金热”中抢占一块市场。iCodeBlog将推出一系列iPad教程帮助大家。

由于iPad使用iPhone同样的SDK，所有代码看上去完全一样。实际上，看看最新和修改了的API类，你就会发现大部分是有关用户界面的。这是一个好消息，因为我们都对iPhone编程有了一定的经验。

此教程被称为“Hello World”，实际上它远远不止这些。首先，我假定你们已经具有iPhone/Objective-C的编程经验。

我们要做什么

今天的教程，我将展示怎样创建一个iPad项目，使用UISplitViewController显示两个单独的窗格。我还将涉及一些新的设计/UI模式并介绍iPad编程。

此项目将基于使用UITableView显示水果列表教程 。我们将扩展其中一个范例，如下所示：

本文将使用UISplitViewController在左窗格显示一个UITableView，而在右窗格显示一个具有UIImageView子视窗的UIView。实际上创建这样一个项目非常简单，因为项目模板提供了大部分初始代码。

开始

1. 从http://developer.apple.com/iphone/下载SDK 3.2。iPad模拟器包括在了SDK中。
2. 下载本项目所需的资源文件 iPadHelloWorldResources.zip 。

创建项目

创建iPad项目与iPhone项目没有分别。打开XCode并选择File->New Project，你将发现有一个新的Split View-Based Application选项。选择它并命名为iPadHelloWorld。

这将创建一个UITableView位于左窗格，UIView位于右窗格的应用程序。它还甚至提供了一些示例数据。下列文件将被加入到项目中。

各文件的简单介绍如下：

• iPadHelloWorldAppDelegate – 类似于 app delegate。在 application:didFinishLaunchingWithOptions 方法中，创建了具有MasterViewController和 DetailViewController的UISplitViewController。
• MasterViewController – UITableViewController。它将处理左方视窗。
• DetailViewController – 它将处理右方视窗。当用户选择左方列表中不同行时，我们将在此视窗中做相应更新。

按“Build and Run”测试一下。

注意：当你运行此程序时，你只能看到主视窗，这是因为模拟器运行于垂直模式。选取 “Hardware -> Rotate Left/Right”将使模拟器旋转。你还可以通过按下键盘上的CMD->Arrow Left/Right 键获得同样效果。

导入项目图像

下一步你需要导入项目需要的图像。将下载的资源文件解压，并拖入称为“Resources-iPad”的文件夹下。

XCode 将提示你复制这些文件，选择“Yes”并按下OK。

请包括四个图像文件以及fruits.plist。

显示水果列表

显示水果列表与显示其他UITableView中的数据并无区别。打开MasterViewController.h 加入水果数组定义。

#import   

@class DetailViewController;   

@interface MasterViewController : UITableViewController {
    DetailViewController *detailViewController;
    NSArray * fruits;
} 

@property (nonatomic, retain) IBOutlet DetailViewController *detailViewController;
@property (nonatomic, retain) NSMutableArray *fruits;  

@end 

如你所见，这里没有任何新的东西。我们只是简单的定义了一个水果数组，并为其创建属性。

我们将从plist中加载水果数据。当你不想使用数据库时，从plist文件加载数据是一种方便而快捷的方法。

打开MasterViewController.m 在 viewDidLoad 方法中加入下列代码：

- (void)viewDidLoad {
    [super viewDidLoad];
    self.fruits = [[NSArray arrayWithContentsOfFile:[[NSBundle mainBundle]
        pathForResource:@"fruits" ofType:@"plist"]] retain];
}

fruits.plist文件实际上是一个写入文件的数组。如果你打开它，你就会发现它十分类似于XML。在为数组赋值后，我们要实现UITableView delegate 和 datasource 方法以显示列表。

UITableView datasource 方法

- (NSInteger)tableView:(UITableView *)aTableView
    numberOfRowsInSection:(NSInteger)section {
    // Return the number of rows in the section.
    return [fruits count];
}   

- (UITableViewCell *)tableView:(UITableView *)tableView
    cellForRowAtIndexPath:(NSIndexPath *)indexPath {  
    // Dequeue or create a cell of the appropriate type.
    static NSString *CellIdentifier = @"CellIdentifier";  
    UITableViewCell *cell =
        [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if (cell == nil) {
        cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault
           reuseIdentifier:CellIdentifier] autorelease];
        cell.accessoryType = UITableViewCellAccessoryNone;
    }   // Get the object to display and set the value in the cell.
    cell.textLabel.text = [self.fruits objectAtIndex:indexPath.row];
    return cell;
}

没有什么特殊的东西… 我们首先告诉tableview 我们需要 fruits.count (等于4) 行。然后在各tableview单元中显示水果的名称。

UITableView delegate 方法

- (void)tableView:(UITableView *)aTableView
    didSelectRowAtIndexPath:(NSIndexPath *)indexPath {  
    /* When a row is selected, set the detail view controller's detail item
       to the item associated with the selected row.
     */
    detailViewController.detailItem = [self.fruits objectAtIndex: indexPath.row];
}

这里我们简单地将detailViewController 的detailItem 属性设置为所需水果。我们将在随后介绍一下属性，现在我们需要知道的是它的类型是 id。

现在，按下“Build and Run”运行一下。你应该看到如下画面：

它列出了水果的列表，但当你进行选择时，没有任何变化（当然detailView的标题会改变）。

下面，我们需要实现显示相应水果图像的代码。

显示水果

显示所选水果实际上非常简单。首先我们要在detailView中加入一个UIImageView。打开DetailViewController.h 加入下列代码：

@interface DetailViewController : UIViewController  {  
    UIPopoverController *popoverController;
    UINavigationBar *navigationBar;  
    id detailItem;  
    IBOutlet UIImageView * fruitImageView;
}   

@property (nonatomic, retain) UIPopoverController *popoverController;
@property (nonatomic, retain) IBOutlet UINavigationBar *navigationBar; 
@property (nonatomic, retain) id detailItem;  
@property (nonatomic, retain) IBOutlet UIImageView * fruitImageView;   

@end

除了添加IBOutlet UIImageView外的所有代码都是由项目模板生成的。添加此行代码后，在Interface Builder中打开DetailView.xib。

在视窗中加入一个尺寸为500×500的UIImageView。

现在，选择File’s Owner 打开连接观察器 (Tools -> connection inspector)。将imageView IBOutlet拖动到UIImageView 然后释放，将UIImageView 连接到你的outlet。

注意：如果你不希望图像变形，请将图像视窗的内容模式（content mode）设置为(在属性观察器attributes inspector中) Aspect Fit。

连接了imageview后，需要编写代码进行图像更新。关闭Interface Builder打开 DetailViewController.m 在setDetailItem 方法中加入下列代码：

- (void)setDetailItem:(id)newDetailItem {
    if (detailItem != newDetailItem) {
        [detailItem release];
        detailItem = [newDetailItem retain];   // Update the view.
        navigationBar.topItem.title = detailItem;
	NSString * imageName = [NSString stringWithFormat:@"%@.png",detailItem];
	[self.fruitImageView setImage:[UIImage imageNamed:imageName]];
    }   if (popoverController != nil) {
        [popoverController dismissPopoverAnimated:YES];
    }
}

大部分代码是由项目模板生成的，所以我不过多讨论。我添加的代码是根据水果的名称加载图像并随后设置其image属性。运行！下面是最终产品：

SplitViewController的另一个很酷的特性

当出于垂直模式时，SplitViewController提供另一个称为UIPopOverView的新的UI元素。我们以后将就此提供教程。下面我仅给出示范图：

但设备处于垂直位置时，它将自动旋转视图并在“Master List”按钮按下时提供UIPopoverView。（另外，此按钮本身也是可以定制的）。

源码下载 iPadHelloWorld.zip.

原文见：iPad Programming Tutorial – Hello World++

Window， View 和 Control

最基本的iPhone组件。

第一个程序

演示了：

• 设置项目并通过程序配置用户界面。
• 创建一个自定义类实现UIApplicationDelegate 协议。
• 在 main.m中设置delegate。
• 创建一个UIWindow 并显示于屏幕上。
• 为主窗口增加一个子视图。

FirstApp源代码下载

可编辑详情视窗

提供一个文本域和一个按钮。

演示了：

• 使用CGRect 结构来确定子视图大小和定位。
• 创建一个诸如UITextField 和 UIButton的UIControl子类 。
• 实现处理用户触摸动作的方法。
• 在用户触发事件时修改 UITextField的值。
• 动态修改 UILabel的值。

EditableDetailView源码下载

视图动画

提供一个文本域和按钮。

演示了：

• 创建一个自定义 UIView 子类，它提供了自定义的动画行为。
• 启动 CAAnimation 。
• 为UIView增加一个或多个CAAffineTransform。
• 设置诸如动画曲线，时长和重复次数等属性。

AnimatingAView1.1源码下载

Table Views

一系列示例展示了表格视图以及导航控制器。

简单TableView

包括一个列表式UITableView，它显示了一个数组中的字符串。

演示了：

• 创建一个自定义UITableViewController子类。
• 实现UITableViewDataSource协议要求的方法并为UITableView赋值。
• 创建一个UITableViewCell并赋值。
• 在表格视图的各行以不同字体属性显示不同的字符串。

SimpleTableView1.1源码下载

带导航条的TableView

包括一个列表式UITableView，当用户轻触某行时进入分组式表格视图。

演示了：

• 通过 UINavigationController 提供不同屏幕间的导航。
• 实现UITableViewDelegate协议的tableViewDidSelectRowAtIndexPath: 方法来处理行选择，进入另一个视图。
• 通过设置字体等来控制UITableViewCell 的外观。
• 需要时自动加载代表 UITableView 的数据。
• 使用分组式 UITableView 来表示一个详情视图。

TableViewWithNavigation1.1源码下载

可编辑TableView

具有一个列表式UITableView，允许添加，删除以及行的重新排序，并允许进入包括了可编辑字段的分组式表格视图对属性进行编辑。

演示了：

• 创建了一个包括可编辑UITextField的自定义UITableViewCell子类。
• 使用UINavigationController添加新的条目到 UITableView。
• 创建并改变UIImage 的大小来设置表格单元的图像。
• 管理表格视图的键盘，通过程序使其出现，改变键盘类型以及消失。
• 管理导航控制器UINavigationBar上的按钮。

EditableTableView1.1源码下载

带有文件支持的TableView

类似于可编辑TableView，但增加一些特性，包括文件支持。

演示了：

• 创建一个包括UITextField的自定义UITableViewCell 子类，它允许表格单元可编辑。
• 使用UINavigationController 增加新条目到 UITableView。
• 创建并改变UIImage的大小从而设置表格单元的图像。
• 管理表格视图的键盘，通过程序使其出现，改变键盘类型以及消失。
• 管理导航控制器UINavigationBar上的按钮。

TableViewWithFilePersistence1.1源码下载

今天的主题是怎样读/写粘帖板。

粘帖板概述

多粘帖板

iPhone上不只一个粘帖板：

有两个系统粘帖板：一个通用系统粘帖板用于复制/粘贴操作，一个查找粘帖板保存上一次搜寻用的字符串。

另外，应用程序还可以创建自己的粘帖板，甚至可以被其他应用程序使用。例如，零售机程序以及信用卡终端程序可以使用共享粘帖板来传递支付信息。

多重表示

加入到粘帖板的条目都有一个类型。更准确地说，当一个条目加入到粘帖板时，都有一个或多个类型的表示。比如，一个网页地址可以存储为字符串或一个URL。

在粘帖板中存储多种表示的好处是带来了条目使用的灵活性。一个email客户端程序可以使用文本表示将URL的NSString注入到邮件主体中；而播客（podcast）可以通过NSURL表示获取播客内容。

这种处理方法并非iPhone独有。这种设计可以使Safari中的复制操作在TextMate中产生普通文本而在页面中产生格式化好的文本。

粘帖板操作

注意：虽然本文中的范例使用通用粘帖板，但因为所有粘帖板都是UIPasteboard的子类，编程方法适用于所有粘帖板。

使用通用粘帖板

generalPasteboard类方法返回一个通用粘帖板的指针，例如：

常用属性

最常用的粘帖板操作包括获取/设置字符串，图像，URL和颜色。Apple提供了以下方便的方法：

确定一种类型的表示是否存在

如果某种类型的条目不存在，那么getter方法将返回nil。这是一个很方便的方法可以预先知道特定类型的表示是否存在。使用containsPasteboardTypes: 方法检查：

使用pasteboardTypes可获取一个条目的各种类型。

统一类型标志符 — UTI

上例中通过检查public.utf8-plain-text类型来确定字符串是否存在。本例将使用UTI（通用类型标志符）。有关UTI信息，请见Apple的 通用类型标志符概述文档。

Apple在UTCoreTypes.h中提供了通用类型的常量。要使用这些常量：

1. 在项目中加入MobileCoreServices framework
2. #import <MobileCoreServices/MobileCoreServices.h>

常量的类型是CFStringRef。你可以把它们当作NSString。CFStringRef是一种C和Objective-C通用的表达方式。为在Objective-C使用它，只需简单的转换操作：

你可以自由构造自己的数据类型；为保证独特性，Apple推荐使用reverse-DNS标记式样（如com.mobileorchard.mySnazzyType）。

设置/提取缺乏Getter/Setter的类型

Getter/Setter只是为了提供方便。实际上，它们与使用valueForPasteboardType: 和 setValue:forPasteboardType 方法没什么区别：

此方法适用于字符串，数组，字典，日期，数值和URL。而dataForPasteboardType 和 setData:forPasteboardType: 方法适用于其它各种类型。

以多种表示存储条目

使用方便的setter有一个很大的限制：条目只能以一种类型存储。而如果使用上述方法，我们可以将URL存为NSString和NSURL，以构成一个类型和值的字典并设置其条目属性：

现在，pasteboard.string和pasteboard.url都将有内容返回了。

粘帖板支持多条目

请注意，在上例中，我们使用了items — 复数形式 — 属性。为保持本教程的简单性，我将粘帖板视为一个单条目实体。如果你需要，你可以获取/设置粘帖板的条目数组。这实际上很简单，请参见文档。

原文见：New In iPhone 3.0 Tutorial Series, Part 3: Copy & Paste With UIPasteboard 作者：Dan Grigsby

这个简单的教程将介绍怎样在UIAlertView中加入UITextField。它只包括几行代码。你将学到CGAffineTransform和UITextField编程。

这是截屏。

我们开始吧…

1. 建立一个新的View Based项目。
你可以随意为其取名，我为其命名为TextFieldInAlert。

2. 代码
在viewcontroller.m或TextFieldInAlert.m（如果你命名为TextFieldInAlert的话），然后找到-(void)viewDidLoad 方法。取消其注释加入代码。

我们做的是调用UIAlertView然后添加一个UITextField。 你可能注意到了UIAlertView的message部分，我们为其赋值为“this gets covered!”，如果我们不为其加上这个语句，那么alert的按钮会更靠上而弄乱UITextField。你可以试一下拿掉这一行看看会发生什么。现在UITextField 出现在UIAlertView中间了。试一下在UITextField输入点什么。噢，为什么键盘盖住了UIAlertView？有一个简单的修正方法。只需加入两行代码就可修正这个问题。加入代码：

完整代码如下：

现在你按下“Build and Run”，你会注意到UITextField将在显示略高一点的位置，当你在UITextField输入时，键盘不会再盖住。这就是CGAffineTransform的作用。这里还有一个视频教程。源代码如下。

iPhone Tutorial – UITextField In A UIAlertView

原文见：iPhone Coding Tutorial – Inserting A UITextField In A UIAlertView

在apple论坛上: 
http://discussions.apple.com/thread.jspa?threadID=1759957有人提供的UILabel子类可以解决这个问题：

此子类如下：

你可以在使用UILabel的地方使用Label2。可以通过将setVerticalAlignment设为VerticalAlignmentTop, VerticalAlignmentMiddle, 或 VerticalAlignmentBottom的方法将文本对齐在顶部，中间或底部。十分方便！

原文见：UILabel Subclass – Align The Text How You Want!

Interface Builder是一个用户界面工具，功能强大。不过对比其他一些界面建造工具如.net，Java，VB，甚至是wxWidget的界面工具，它不太直观。所以新手有可能觉得不太好用。（我觉得Interface Builder与其他一些界面工具最大区别是，它不直接产生代码）。不过如果仅仅是因为这个原因，而你又想成为iPhone编程高手，特别是编写一些非游戏类程序，我的建议是读一些有关Interface Builder的教程或书籍，掌握Interface Builder是必须的。当然，游戏游戏有自己的界面，不需要使用Interface Builder。

Interface Builder直接生成的是.xib（以前叫.nib）文件（按惯例我就叫它nib文件），它将你的界面以object的形式存存储在文件中。我们知道每个iPhone（Xcode）项目都有一个.plist文件，其中有一项叫做“Main nib file base name”，它指向了程序启动时要调用的nib文件MainWindow.xib。关于Interface Builder的工作流程，以及启动时的调用我将在另一篇文章中介绍，在此我就不多罗嗦了。

总而言之，每个Object-C的程序都像c或c++一样有一个main函数，它是整个程序的入口（在main.m中）。iPhone程序的main函数中，调用了iPhone程序的UIApplicationMain。它的格式是：

第一，二个参数，如果熟悉c/c++的朋友一定很清楚，它们是用来传递命令行参数的，iPhone程序一般不用。principalClassName指向UIApplication类或之类。delegateClassName指向遵循UIApplicationDelegate协议的delegate类。

如果我们不想使用Interface Builder，我们要做的就是：

1. 将plist文件中的“Main nib file base name”项删除。
2. 删除了“Main nib file base name”项后，如果principalClassName，delegateClassName为nil的话，程序就无以为继了，其结果就是显示黑屏。所以，我们必须用principalClassName或delegateClassName参数告诉iPhone我们程序的切入点。有两种方式。如果你建立一个UIApplication的子类，那么你就要用principalClassName来指定。比如你建立一个Application类，示例如下：

你必须这样调用UIApplicationMain：

第二种方式是，你创建一个代理类，示例如下：

你必须这样调用UIApplicationMain:

这样iPhone就知道你程序的真正入口了。当然，剩下的工作就需要你自己完成了，比如自己创建View Controller或直接创建View，或者干脆直接调用你的游戏引擎，不过不要忘记在applicationDidFinishLaunching中创建一个UIWindow。

为了方便我建立了一个项目模板，此模板包括一个AppDelegate和一个MainViewController。使用此模板，你所有的工作只需从MainViewController的loadView或viewDidLoad中开始。

NoIBProject模板下载

你可以直接解压使用，或者将其解压到/Developer/Platforms/iPhoneOS.platform/Developer/Library/Xcode/Project Templates/Application/下作为Xcode模板使用。

2. 获取UIKeyboard对象。UIKeyboard处于UIWindow中。但是要注意的是，它并不处于当前应用程序的UIWindow中。所以我们必须通过一个循环来查找所需的UIWindow，从而获得UIKeyboard。然后替换或添加UIButton作为定制的按键：

3. 捕获UIButton事件，实现你自己的逻辑。比如，在我的程序中，当用户按下！键后，我会将！输入到UITextView中：

这里是源代码。

创建定制表格

这一切实际上很简单，只不过是让UITableView透明，所以可以看到背景。而每个单元格UITableViewCell允许定制。

在浏览代码之前，我们看一下我们将创建的示例程序的截图：

包含了tableview的主视图控制的类定义如下：

请注意在这里我没有使用UITableViewController，而是使用了带有UITableView的UIViewController。另外请注意代码中的UITableViewDelegate和UITableViewDataSource。

先看看我是怎样对viewconroller进行初始化的：

我创建视图，增加背景图像并定义tableview。我将表格的行高设定为相应图像的高度，然后设定表格背景为透明。

另一段代码说明了我们是怎样提供构成表格的单元格的。代码如下：

注意我没有使用UITableViewCell 而是使用了CustomCell 类（我下面会说明）。另外需注意的是第9行，我将要显示的图像设置到单元格中（下面会详细说明）。

创建定制单元格

我们看看定制单元格的代码，它也并不复杂，只不过是一个UIImageView和在单元格中设置图像的方法。根据你用户界面的需要，你还可以包括一个标签或其他UI元件。

CustomCell的实现只包括3个方法：初始化，为单元格设定图像以及设定所选行的alpha值:

这样我们就创建了一个简单的定制tableview。

下载Xcode项目

在这里下载。

原文来自：Creating Unique Looking Tables with Custom Cells 翻译：bagusflyer