ios开发--网易滚动导航栏

Posted 2020-07-05 专注it

HACursor，是一个对横向ScrollView中的视图进行管理的UI控件。只要几行代码就可以集成类似于网易新闻对主题页面进行排序，删除操作的功能。主srollview参考ios原生的UITableView的接口设计思路，实现了缓存，避免了一次性加载多个页面所造成的性能消耗。

1.导入HACursor框架

从github上下载需要的框架，下载完成以后只需要将项目中的HACursor导入所需要的过程即可，如下图：

HACursor

2.引入头文件

在视图控制器中引入头文件：

1. #import "HACursor.h"

3.在viewDidLoad方法中，配置HACursor

1. @interface ViewController ()
2. @property (nonatomic,strong) NSArray *titles;//顶部视图的内容
3. @end

1. - (void)viewDidLoad {
2. [super viewDidLoad];
3. // Do any additional setup after loading the view, typically from a nib.
4. titles = @[@"网易",@"新浪",@"腾讯",@"苹果",@"搜狐",@"淘宝",@"京东",@"百度",@"有道",@"小米",@"华为",@"三星"];
5. HACursor *cursor = [[HACursor alloc]init];
6. cursor.frame = CGRectMake(0, 64, self.view.width, 45);
7. cursor.titles = titles;
8. //每个子视图显示的内容
9. cursor.pageViews = [self createPageViews];//此方法必需使用，pageView需要展示的内容按按照需求自定义
10. //设置根滚动视图的高度
11. cursor.rootScrollViewHeight = self.view.frame.size.height - 109;
12. //默认值是白色
13. cursor.titleNormalColor = [UIColor whiteColor];
14. //默认值是白色
15. cursor.titleSelectedColor = [UIColor redColor];
16. cursor.showSortbutton = YES;
17. //默认的最小值是5，小于默认值的话按默认值设置
18. cursor.minFontSize = 6;
19. [self.view addSubview:cursor];
20. }
21. /／用webView展示
22. - (NSMutableArray *)createPageViews{
23. NSMutableArray *pageViews = [NSMutableArray array];
24. NSArray *webViewArray = @[@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com",@"http://www.baidu.com"];//对应的标题用对应的网址
25. //分别展示每个page下面的webView
26. for (NSInteger i = 0; i < self.titles.count; i++) {
27. UIWebview webView *web = [[webView alloc]init];
28. NSString *str = [NSString stringWithFormat:@"%@",[webViewArray objectAtIndex:i]];
29. NSURL *url = [NSURL URLWithString:str];
30. NSURLRequest *urlRequest = [[NSURLRequest alloc]initWithURL:url];
31. [web loadRequest:urlRequest];
32. [pageViews addObject:web];
33. }
34. return pageViews;
35. }
36.  

4.设置属性

HACursor提供了一系列属性，可以根据自己的项目选择所需要的属性，添加到viewDidLoad中

1. //显示的标题栏的标题（必选！！）
2. cursor.titles = self.titles;
3. //需要管理的子页面（必选！！）
4. cursor.pageViews = self.pageViews;
5. //设置rootScrollView的高度（必选！！）
6. cursor.rootScrollViewHeight = self.view.frame.size.height - 65;
7. //设置标题普通状态下的颜色
8. cursor.titleNormalColor = [UIColor whiteColor];
9. //设置标题选中状态下的颜色
10. cursor.titleSelectedColor = [UIColor redColor];
11. //是否需要显示排序的按钮
12. cursor.showSortbutton = YES;
13. //设置背景颜色
14. cursor.backgroundColor = [UIColor yellowColor];
15. //设置最小化的字体
16. cursor.minFontSize = 10.0;
17. //设置最大化的字体
18. cursor.maxFontSize = 30.0;
19. //设置是否需要渐变字体的大小
20. cursor.isGraduallyChangFont = NO;
21. //设置是否需要渐变字体的颜色
22. cursor.isGraduallyChangColor = NO;