使用表视图和分割视图控制器导航数据.ppt

打开文件MainStoryboard-iPad.storyboard，分割视图控制器连接到两个导航控制器（UINavigationController），主导航控制器连接到一个包含表视图UITableView的场景，这是主场景，由MasterViewController类处理。 详细信息导航控制器连接到一个简单的空场景，这是详细信息场景，由DetailViewController类处理。 MainStoryboard-iPhone.storyboard文件有一个导航控制器，一个是主场景MasterViewController，第二个是详细信息场景DetailViewController. 2. 调整iPad界面 修改主场景 滚动到iPad故事板的右上角，把表视图的标题Master改为Flower Types。 选择表视图，在Attributes Inspector面板中从Content下拉列表中选择Dynamic Prototypes。 将单元格的标识符设置为flowerCell，将样式设置为Subtitle，包含标题和详细信息标签。 修改详细信息场景 从主场景向下滚动，看到一个很大的白色场景，其中有一个标签Detail View Content Goes Here，将该标签的内容改为Choose a Flower。 从对象库拖曳一个Web视图UIWebView到场景中，调整其大小，使其覆盖整个视图，这个Web视图将用于显示一个描述选定花朵的Wikipedia页面，选择菜单Editor-Arrange-Send to Back。 修改导航栏标题，设置为Flower Detail。 创建并连接输出口 在IB编辑器中选择Web视图，切换到助手编辑器模式，按住Ctrl键，从Web视图拖曳到DetailViewController.h现有属性下方，并创建一个名为detailWebView的输出口 3. 调整iPhone界面 修改主场景 和修改iPad主场景一样，给场景指定新标题Flower Types；配置表视图，将Content设置为Dynamic Prototypes，修改原型单元格，使其使用样式Subtitle，并使用标识符flowerCell。 使用Accessory指定一种展开箭头的样式。 修复受损的切换 当修改表视图使其使用动态原型时，将破坏单元格到详细信息场景的切换。因此需要先修复，按住Ctrl键，从单元格拖曳到详细信息场景，选择Push。 修改详细信息场景 在详细信息场景中添加一个Web视图，调整其大小，使其覆盖整个视图，将标签detail view content goes here放在后面，因为在iPhone版本中，不需要显示该标签，但是也不能删除，因为模板Master-Detail Application中，引用了该标签。 最后 将详细信息场景的导航栏标题改为Flower Detail。 创建并连接输出口 将详细信息场景中的Web视图连接到在iPad中已经创建的输出口webDetailView。 4. 实现应用程序逻辑 创建应用程序数据源 在MasterViewController类中添加两个类型为NSArray的属性：flowerData和flowerSections，第一个属性存储描述每种花朵的字典对象，第二个存储在表视图中创建的分区的名称： @property (strong,nonatomic) NSArray * flowerData; @property (strong, nonatomic) NSArray * flowerSections; 在文件MasterViewController.m中进行合成： @synthesize flowerData; @synthesize flowerSections; 在viewDidUnload中进行清理： [self setFlowerData: nil]; [self setFlowerSections : nil]; 声明一个方法createFlowerData，用于将数据加入到数组中： -(void) createFlowerData { self.flowerSections = [[NSArray alloc] initWithObjects: @”Red Flowers”, @”Blue Flowers”, nil]; NSMutableArray * redFlowers = [[NSMutableArray alloc] init] ; NSMutableArray * blueFlowers = [[NSMu