65.9K
CodeProject 正在变化。 阅读更多。
Home

iPhone 编程教程 – UITableView Hello World

SureshAddaguduru
starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.50/5 (7投票s)

2010年5月5日

CPOL

3分钟阅读

viewsIcon

69525

iPhone 编程教程 – UITableView Hello World

引言

在本教程中，我将介绍如何使用表格视图和导航栏创建一个简单的“HelloWorld”应用程序。本教程假定您熟悉 Objective-C。您可以在 这里 找到一个关于 Object-C 的优秀教程。

创建新的基于导航的应用程序

从工具栏中打开 Xcode，然后选择 Xcode -> 新建项目选项以弹出新的项目窗口。选择 iPhone OS 并单击基于导航的应用程序，然后单击选择以输入您的项目名称。我将此项目命名为“HelloWorld”。

XCode 和 iPhone SDK 为您创建了一些默认文件，让我们详细看看它们。

image1.JPG

  • HelloWorld.app：这是应用程序文件，包含用于安装的应用程序信息。
  • HelloWorldAppDelegate.h：它是一个头文件，由我们将在应用程序中使用的变量定义组成。它将信息委托给视图或控制器。
  • HelloWorldAppDelegate.m：此类的对象由 main.m 文件实例化。您的应用程序加载从这里开始。
  • HelloWorld_prefix.pch：这是一个预编译的头文件，由包含的库中使用的方法定义组成。不需要在每个文件中包含它。
  • Main.m：这就像任何其他程序的 main 文件。它实例化了我们所有的对象并触发程序。不需要编辑此文件。
  • Info.plist：这是一个元文件，包含应用程序信息。也不需要编辑此文件。
    CoreGraphics、Foundation 和 UIKit 框架：Apple iPhone SDK 为 iPhone 基本框架、UI 和图形提供了一组库。
  • MainWindow.xib：这是一个界面构建器文件，主窗口界面的设计器模式。
  • RootViewContrller.h 和 RootViewController.m：iPhone SDK 为您创建了一个带表格视图的示例导航界面，因为大多数基于导航的应用程序都使用表格视图。这些文件是主窗口和表格视图的控制器。
  • RootViewController.xib：一个界面构建器文件，其中包含一个带有行和列的表格。RootViewController 的设计器文件。我们使用此表格显示“HelloWorld”文本。

现在您可以构建应用程序并在 iPhone 模拟器 / iPhone 设备上看到简单的表格（请参阅我之前的文章，HelloWorld_iPhone.aspx）。

image5.JPG

这就是示例表格的外观。现在是时候为它添加一些乐趣了。让我们将“HelloWorld”文本添加到我们的表格视图。我们必须添加行，在行中将放置文本。就像 HTML 表格一样，请参见下图。

image6.JPG

更新 UITableView 单元格以显示 "HelloWorld"

  • RootViewController.m：打开 RootViewController.m 文件，该文件是附加到应用程序主视图的控制器文件。此文件中的函数是从表格视图类覆盖的。通过编辑这些与表格视图相关的函数，我们可以实现我们的目标。
  • 函数 numberOfRowsInSection：此函数用于声明表格中的行数。对于我们当前的应用程序，一行就足够了。return 关键字后面的数字定义了行数。像下面这样编辑以下函数
-  (NSInteger)tableView:(UITableView *)tableView 
numberOfRowsInSection:(NSInteger)section 
{
       return 1;
}

函数：cellForRowAtIndexPath

当显示一行时，将调用此函数，对于每一行，都会发生此函数调用。在此函数中，我们将定义要显示的内容“HelloWorld”。
此函数为每一行调用一次。这是我们定义在给定行中显示什么内容的地方。在这种情况下，我们希望该行是一个字符串，上面写着“Hello World”。

-(UITableViewCell *)tableView:(UITableView *)
  tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
static NSString *MyIdentifer = @“MyIdentifier”;

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];

if(cell == nil) {
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero 
		reuseIdentifier:MyIdentifier] autorelease];
}

[cell setText:@"Hello World"];

return cell;
}

此函数创建一个新的单元格对象并返回。如果该函数是第一次调用，它会创建一个单元格，如果不是，它会使用一个已经创建的单元格。条件 if(cell == nil) 解释了这一点。现在通过添加以下行将单元格文本设置为“HelloWorld”

[cell setText:@"Hello World"];

注意：Object C 中的字符串以 @ 符号开头。

我们完成了编码。单击构建并运行以查看结果。

image7.JPG

这是使用表格视图和基于导航的应用程序的基础知识。在我的下一个教程中，您可以看到如何向单元格添加一些事件并根据单元格事件显示一些图像。
我希望您喜欢我的文章。我将在下一个教程中再见。

参考文献

历史

  • 2010 年 5 月 5 日：初始帖子
© . All rights reserved.