iOS项目模仿之喜马拉雅（三）—— 分段选择器实现

 封装控件在iOS开发中是常遇到的事，如果项目比较赶的话，我们可以用别人写好的开源项目，但是对于技术提升来说，最好还是自己封装，这是一个app的模仿，我们的目的就是要提高技术水平，所以尝试封装一下。记录自己的思路，有时间对比一下别人的思路，可以收获更多，当然自己思考在前，免得受到别人的影响。下面就这个项目而言，我们封装一下分段选择栏。

基本看一下app就会发现分段选择栏在多处被用到了。分析一下它们的特点，找出共性，这样方便设计出可复用的组件。我们来列一下它们的共同点：

1）和TabBar一样，每个小按钮都是可选择的，并且有选择效果。

2）布局上是等分布局。

3）选择时下面的线有滑动动画。

4）除了点击子项目外，滑动下面的View也可以切换选择。

5）点击后除了自身的点击效果，还可以添加处理事件。

然后我们看一下它们的不同点，这样方便我们设计接口时确定参数。不同点如下：

1）标题和标题的个数不同。

2）下滑线的长度不同。

3）字体大小（提高扩展性能，我们让颜色也是可选择的）

4）再多观察一下，可能不全部是等分布局。子项目太多的时候，标题长度是不一样，而且可能会超出屏幕。

到这里我们可以给出几个初步设计方案了。

1）直接封装一个UIView的子类，在UIView上添加子项目，能够处理点击时间，子项目选择UIButton。

2）考虑到超出屏幕的时候需要滑动，所以选择UIScrollView可能更好。

3）但是再考虑一下复用的问题，我们可不可以尝试一下UICollectionView。

当然上面的思路也只是一个初步的设计。

经过仔细考虑，设计类 FDSegment，设计过程：

1）对基本UI元素的设计，我们选择继承UIScrollView，这样可以实现滑动效果，而且布局上并不复杂，选择用UICollectionView有点浪费。

2）布局不用自动布局这种方式，因为我们希望封装的空间能够直接提取出来，所以要尽量不去依赖其他开源项目（自动布局的话Masonry比较好用），而且自动布局效率比较低。对于本项目中的分段选择栏的实现，布局上照考虑的是Item的宽度问题。由于不是所有情况都是等分的，所有我们需要设计一个设置Item宽度的接口，这种情况和UITableView设置cell的高度的情况极为类似，所以我们参考UITableView的设计，设计一个dataSource的代理。同样我们可以将titles做为数据源，放在代理中。

3）

其代码如下：

---

//
//  FDSegment.h
//  Himalayan
//
//  Created by fdd_zhangou on 16/3/7.
//  Copyright © 2016 年 fdd_zhangou. All rights reserved.
//

#import <UIKit/UIKit.h>

@class FDSegment ;
@protocol   FDSegmentDataSource< NSObject >

- ( NSArray *)titlesForSegment:( FDSegment *)segment;
- ( CGFloat )segment:( FDSegment *)segment widthForItemAtIndex:( NSInteger )index;
- ( CGFloat )segment:( FDSegment *)segment widthForIndicatorAtIndex:( NSInteger )index;

@end

@protocol   FDSegmentDelegate< NSObject >

- ( void )segment:(