最近在做一個項目，需要一個帶圖標的導航條，在網上找了好多，都沒有合適的，于是就自己寫了一個，圖標可根據(jù)自己需求來，可添加可不添加。

帶圖標的效果

EE53655F1A5B8DE0F21E7801B592A60F.gif

不帶圖標的效果

8A1A06E02C6808FEC7020555C310E062.gif

導入：

1.通過Cocoapods安裝

pod 'GLYPageView', '~> 0.0.1'

2.把GLYPageView文件夾拖入項目

556939FF-EED8-469E-B02C-8276389D7C60.png

使用：

使用很簡單，就3個步驟就可實現(xiàn)此功能。

1.初始化

self.pageView = [[GLYPageView alloc] initWithFrame:CGRectMake(0.f, STATUS_BAR_HEIGHT, SCREEN_WIDTH, 44.f) titlesArray:@[@"最新",@"最熱的帖子",@"最潮的我",@"這一天天的也真是",@"完美"]];
self.pageView.imagesArray = @[@"NewestSelected",@"Hottest",@"Hottest",@"Hottest",@"Hottest"];
self.pageView.delegate = self;
[self.pageView initalUI];
[self.view addSubview:self.pageView];

初始化時可選操作：

• 是否顯示圖片
• 標題scrollView背景色
• 字體大小
• 圖片或標題居左邊的距離
• 圖標與字體之間的間距
• 字體與右邊界的距離
• 字體顏色
• 字體選擇狀態(tài)下的顏色
• 小線條的顏色。

2.實現(xiàn)外層ScrollView的2個代理方法

實現(xiàn)這個方法是為了記錄每次拖動ScrollView的起點self.startOffsetX

#pragma mark -
#pragma mark UIScrollViewDelegate
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    self.startOffsetX = scrollView.contentOffset.x;
}

//totalPage外層ScrollView的總頁碼
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    if (scrollView.isDragging || scrollView.isDecelerating)
    {
        [self.pageView externalScrollView:scrollView totalPage:5 startOffsetX:self.startOffsetX];
    }
}

3.實現(xiàn)GLYPageViewDelegate

- (void)pageViewSelectdIndex:(NSInteger)index
{
    [self.contentScrollView setContentOffset:CGPointMake(index * SCREEN_WIDTH, 0) animated:YES];
}