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

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

687474703a2f2f7777322e73696e61696d672e636e2f626d6964646c652f39366135373763346777316575626b6b7174786f656732306164306a316e39622e676966

1.导入HACursor框架

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

QQ20151217-0

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;
posted @ 2016-04-06 14:11  专注it  阅读(1135)  评论(0编辑  收藏  举报