Pocket Weather AU使用了哪些布局组件?

时间:2011-02-21 20:49:33

标签: iphone layout uinavigationcontroller

有人评论用于导航/布局等的IOS组件用于iPhone应用程序“Pocket Weather AU”吗?它的出现方式看起来非常好。我在猜测:

导航控制器

  • 第1级 - 包含表格视图,底部有工具栏
  • 第二级 - 详细视图 - 可能是完全自定义页面
  • 然后关于主页顶部的“+”和“网格”按钮 - 希望这些按钮可以放入标准导航控制器,然后可以触发单独的视图

主屏幕

enter image description here

明细屏幕

enter image description here

PS。此外,当按下“+”符号时,它会转到:

enter image description here

1 个答案:

答案 0 :(得分:2)

在第一个屏幕上看起来像UINavigationController中高度自定义的Plain Style UITableView。每个单元格都有一个透明的背景图像,整个表格视图都有一个背景图像。它看起来像Subtitle样式的单元格。天气缩略图(太阳,云等)是作为子视图添加到单元格或可能是单元附件的UIImageVIew。高/低温度只是UILabels作为细胞的子视图添加。

顶部的按钮只是UIBarButtonItems(添加和网格)。它们可以添加到viewDidLoad中,如下所示:

self.navigationItem.leftBarButtonItem = [[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(addAction:)] autorelease];

添加UIToolBar作为包含两个UIBarButtonItems(编辑和刷新)的子视图。 UIToolBar中还有一个UILabel子视图,可能还有一些灵活空间用于布局。

第二个屏幕是自定义视图控制器。我会在.xib中放置类似的东西。

addAction看起来像这样:

    FindLocationController *findLocationController = [[FindLocationController alloc] initWithStyle:UITableViewStylePlain];
findLocationController.modalTransitionStyle = UIModalTransitionStyleCoverVertical;
findLocationController.title = @"Find Location";

UINavigationController *findLocationNavController = [[UINavigationController alloc] initWithRootViewController:findLocationController];
[self.navigationController presentModalViewController:findLocationController animated:YES];

[findLocationController release];
[findLocationNavController release];