Как сделать демонстрацию параллакса с тремя вкладками, как показано ниже,

Question

Как сделать демонстрацию параллакса с тремя вкладками, как показано ниже в iOS, прокрутить по вертикали. Нажмите на вкладку несколько прокрутки таблицы Horizental.

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]; 
} 

И для раскадровки сделать что-то вроде этого:

Не забудьте установить значение тега кнопки, указывающей на какой странице вы хотели бы показать.