点击按钮的时候切换不同的view
思路：scrollView的contentSize大小为5个屏幕宽，每个屏幕宽度可以添加1个view，当用户点击不同的按钮的时候，算出对应scrollview的偏移量就可以显示不同的view，步骤如下：
- 当点击按钮的时候，取出当前按钮的索引号
- 根据按钮的索引号，计算出scrollview的偏移量
- 设置scrollview的偏移量
NSUInteger index = [self.titlesView.subviews indexOfObject:titleBtn]; // 取出当前按钮的索引，按钮的索引顺序刚好是（0，1，2，3，4）
[UIView animateWithDuration:0.3 animations:^{
// 点击按钮的时候移动下划线
self.titleUnderline.gg_width = titleBtn.titleLabel.gg_width + 10; // 设置下划线的宽度等于按钮文字的宽度，一定要先设置宽度，再设置中心位置
self.titleUnderline.gg_centerX = titleBtn.gg_centerX;
//点击按钮的时候移动scrollview
CGFloat offsetX = self.scrollView.gg_width * index; // 算出每个view的偏移量
self.scrollView.contentOffset = CGPointMake(offsetX, self.scrollView.contentOffset.y);
} completion:^(BOOL finished) {
CGFloat scrollViewW = self.scrollView.gg_width;
CGFloat scrollViewH = self.scrollView.gg_height;
// 取出子控制器的view
UIView *childView = self.childViewControllers[index].view;
childView.backgroundColor = GGRandomColor;
childView.frame = CGRectMake(index * scrollViewW, 0, scrollViewW, scrollViewH);
[self.scrollView addSubview:childView];
}];
拖拽scrollview结束的时候对应按钮被选中
思路：scrollview拖拽结束的时候scrollview已经产生偏移量，根据偏移量计算出当前的索引，设置控制器成为scrollview的代理，在拖拽结束的方法中重新调用按钮点击的方法即可
// 拖拽接收后scrollview静止后调用
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
NSUInteger index = self.scrollView.contentOffset.x / self.scrollView.gg_width;
GGTitleBtn *titleBtn = self.titlesView.subviews[index];
[self titleBtnClk:titleBtn];
}
效果如下：
演示效果.gif
