如何在iOS上获取模板选择器/文档浏览器视图?

时间:2010-10-05 16:54:01

标签: iphone ipad uiview ios4 ios

用于在iPad上的iWork应用程序中创建模板选择器视图的视图是什么? alt text

我如何在iPad上创建这样的视图,考虑到屏幕尺寸限制,在iPhone上实现它的最佳方式是什么。

2 个答案:

答案 0 :(得分:2)

没有任何内置视图可以提供该功能。这意味着将有相当多的工作来复制该功能。

你可以尝试的是:

1)使用笔尖创建一个新的UIViewController

2)添加顶栏和UIScrollView,其中opaque = NO且alpha = 0。

3)如果您有固定数量的“模板”,可以直接在笔尖中添加。您应该可以使用UIImageView

4)否则,您可以动态添加“模板”,例如viewDidLoad。可能有点棘手的唯一部分是计算帧。以下伪代码应该可以帮助您入门。

int MARGIN = 20;
float templateWidth = self.scrollView.bounds.size.width / 3;
float templateHeight = 300;

for (int i = 0; i < [templates count]; i++) {
  int row = i / 3;
  int col = i % 3;

  float x = MARGIN + col * templateWidth;
  float y = MARGIN + row * templateHeight;
  CGRect templateFrame = CGRectMake(x, y, width - 2 * MARGIN, height - 2 * MARGIN);

  // initialize `UIImageView` or similar

  templateView.frame = templateFrame;
  [self.scrollView addSubView:templateView];
}

self.scrollView.contentSize = CGSizeMake(self.scrollView.bounds.width, /* max bottom of templates */);
} 

在完成布局之后,其余部分应该非常简单,因为您只需要响应模板图像上的点击。看看UITapGestureRecognizer有一种方法可以做到这一点。

关于iPhone。我可能会在您在iWorks应用程序中选择文档的方式中这样做。当时屏幕上只显示一个模板,您可以向左/向右滑动进行选择。但这一切都取决于背景。也许桌面视图更适合iPhone。

祝你好运!

答案 1 :(得分:2)

使用iOS 6,使用UICollectionView!