今天本该闲着没事，看看百度新闻就下班的，无奈被一个坑比让我给他封装控件。。。
我能怎么办，我也很无奈啊。。。
基本了解需求之后，大概知道他要什么效果了，其实也很简单，自己以前做的项目也都用到了这个，但是之前一直忙（可能是忘记了。。。）,一直没有做过相关的封装，这次简单的来做一下封装。。。其实前几天做过一个更为复杂的，但是那个是借助了别人的封装，所以也没有发出来，毕竟是别人的劳动成果
二话不说，拿起键盘一顿敲！！！
敲完了，效果出来了
Untitled1222..gif
（界面略丑。。。）
来说下简单的思路
首先考虑到到封装，很多属性以及颜色需要使用，所以做了一个接口
- (void)ChoseColor:(UIColor *)choseColor notChoseColor:(UIColor *)notChoseColor lineColor:(UIColor *)lineColor choseLineColor:(UIColor *)choseLineColor linewidth:(float)lineWidth firstButtonTittle:(NSString *)firstButtonTittle secondButtonTittle:(NSString *)secondButtonTittle buttonWidth:(float)buttonWidth;
外部创建之后，直接去调用
TopSlideView *view = [[TopSlideView alloc] initWithFrame:CGRectMake(0, 200, self.view.frame.size.width, 60)];
[view ChoseColor:[UIColor redColor] notChoseColor:[UIColor blueColor] lineColor:[UIColor grayColor] choseLineColor:[UIColor orangeColor] linewidth:2 firstButtonTittle:@"推荐模型" secondButtonTittle:@"我的模型" buttonWidth:100];
// view.backgroundColor = [UIColor greenColor];
[self.view addSubview:view];
这里因为只有两个按钮，还是比较简单的功能，所以我就直接用了button（多的话可能会使用collectionView 这里我之后会再封装一个collectionView的控件）
具体的实现思路：
1、点击button，触发响应事件，相应事件里面改变button字体的颜色，做成选中后的效果
2、button下方的线条，做一个动画过渡过去，看着会比较舒服
- (void)rightButtonAction {
[self.leftButton setTitleColor:self.notchoseColor forState:(UIControlStateNormal)];
[self.rightButton setTitleColor:self.choseColor forState:(UIControlStateNormal)];
[UIView animateWithDuration:0.3 animations:^{
CGRect rect = self.choseImageView.frame;
rect.origin.x = CGRectGetMinX(self.rightButton.frame);
self.choseImageView.frame = rect;
}];
}
这里要注意，在获取self.rightButton.frame，我们用 CGRectGetMinX(self.rightButton.frame)，可以直接获取到最左边的X坐标，也就是最小的X坐标
基本就是这些思路，如有要在下面嵌套一个tableView的话，也可以在button的触发事件里，切换scrollView的ContentOffset，实现也不是很难
代码在git里面，下面附上地址
https://github.com/bommmmmmm/head-change-with-animation
