最近在做一個項目，需要一個帶圖標(biāo)的導(dǎo)航條仰猖，在網(wǎng)上找了好多，都沒有合適的掠河，于是就自己寫了一個亮元，圖標(biāo)可根據(jù)自己需求來，可添加可不添加唠摹。
帶圖標(biāo)的效果
EE53655F1A5B8DE0F21E7801B592A60F.gif
不帶圖標(biāo)的效果
8A1A06E02C6808FEC7020555C310E062.gif
導(dǎo)入：
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];
初始化時可選操作：
- 是否顯示圖片
- 標(biāo)題scrollView背景色
- 字體大小
- 圖片或標(biāo)題居左邊的距離
- 圖標(biāo)與字體之間的間距
- 字體與右邊界的距離
- 字體顏色
- 字體選擇狀態(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];
}
