ios - 如何使用三个选项卡制作视差演示，如下图所示

Question

如何在 iOS 中使用如下图所示的三个选项卡制作视差演示进行垂直滚动。然后单击选项卡多个表格滚动水平。

Answer 1

尝试使用启用分页的 UIScrollView。然后将 IBAction 连接到带有标签值的按钮。标签值指示 UIScrollView 必须显示的页面。确保 UIScrollView 方向设置为水平。在这个例子中，我只添加了 UIViews 但这可能是任何东西。 UITableView、UIScrollView 或 UICollectionView 你可以命名它。

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

//Set number of pages
   int numberOfPages = 3;

//Set properties scrollView
   self.scrollView.pagingEnabled = true;
   self.scrollView.contentSize = CGSizeMake((numberOfPages * self.scrollView.frame.size.width), self.scrollView.frame.size.height);

//Add pages
   UIView *pageOne = [[UIView alloc] initWithFrame:CGRectMake((0 * self.scrollView.frame.size.width), 0, self.scrollView.frame.size.width, self.scrollView.frame.size.height)];
   [pageOne setBackgroundColor:[UIColor yellowColor]];
   [self.scrollView addSubview:pageOne];

   UIView *pageTwo = [[UIView alloc] initWithFrame:CGRectMake((1 * self.scrollView.frame.size.width), 0, self.scrollView.frame.size.width, self.scrollView.frame.size.height)];
   [pageTwo setBackgroundColor:[UIColor blueColor]];
  [self.scrollView addSubview:pageTwo];

   UIView *pageThree = [[UIView alloc] initWithFrame:CGRectMake((2 * self.scrollView.frame.size.width), 0, self.scrollView.frame.size.width, self.scrollView.frame.size.height)];
   [pageThree setBackgroundColor:[UIColor redColor]];
   [self.scrollView addSubview:pageThree];
}

- (IBAction)btnSelectPage:(id)sender; {
    UIButton *btn = (UIButton *)sender;
    [self.scrollView setContentOffset:CGPointMake((self.scrollView.frame.size.width * btn.tag), 0) animated:true];
}

对于 Storyboard ，请执行以下操作:


不要忘记设置按钮的标记值，指示您要显示的页面。