项目自定义控件DEMO

2016-12-16 王建伟 iOS开发

控件需求：上面需要一个多标题选择案件，下边是对应的界面视图，类似于网易新闻的标题框

如图：

第三方控件：WMPageController可以实现上述功能需求，下面简单介绍一下WMPageController的用法

1.创建一个数组，存放下方可滑动的视图控制器,NSArray*controllers=[NSArray arrayWithObject:[RecommendViewController class],[CourseViewController class],[RecoursesViewController Class],[CollectionViewController class],[CollectionViewController class],[ActivityViewController class],nil];

2.创建一个存放视图标题的数组，NSArray*titles=[NSArray arrayWithObjects:@"推荐",@"课程",@"资源",@"收藏",@"活动",nil];

3.初始化WMPageController,WMPageController*pageController=[WMPageController alloc]initWithViewControllerClasses:controllers andTheirTitles:titles];

4.pageController的属性设置，pageController.menuViewStyle=WMMenuViewStyleLine;

pageController.menuBGColor=[UIColor WhiteColor];

pageController.titleColorSelected=[UIColor greenColor]

pageController.itemsWidths=@[@([UIScreen mainScreen].bounds.size.width/7),[UIScreen mainScreen].bounds.size.width/7),[UIScreen mainScreen].bounds.size.width/7),[UIScreen mainScreen].bounds.size.width/7),[UIScreen mainScreen].bounds.size.width/7)]

pageController.progressHeight=2;

pageController.menuHeight=43;

pageController.titleSizeNormal=17;

5.最后把pageController放到需要的地方，比如：[self.window setRootViewController:pageController]

但是由于项目需求中视图加载的内容形式相同，只需要重复调用一个视图对象加载不同的数据，或者利用预加载，复用机制来节省内存，WMPageViewController用起来不是很顺手，所用就自己编写了一个基于view来实现的控件

1.创建上方的多标题选择栏：

-(void)createNavigationBarWithArray:(NSArray*)array withHight:(CGFloat)height{ UIView*baseView=[[UIView alloc]initWithFrame:CGRectMake(0, 64,self.view.frame.size.width, height)]; baseView.backgroundColor=[UIColor lightGrayColor]; [self.view addSubview:baseView]; CGFloat m=self.view.frame.size.width/array.count; for (int i=0; i<array.count; i++) { UIButton*button=[[UIButton alloc]initWithFrame:CGRectMake(m*i, 0, m, height)]; [button setTitle:array[i] forState:UIControlStateNormal]; [button setTitleColor:i==0?[UIColor greenColor]:[UIColor blackColor] forState:UIControlStateNormal]; button.titleLabel.font=[UIFont systemFontOfSize:17.0f]; [baseView addSubview:button]; button.tag=i+1; [button addTarget:self action:@selector(navgationBarChange:) forControlEvents:UIControlEventTouchUpInside]; [self.buttonArray addObject:button]; self.currentClickNumber=1; } lineView=[[UIView alloc]initWithFrame:CGRectMake((m-50)/2, height-2, 50, 2)]; lineView.backgroundColor=[UIColor greenColor]; [baseView addSubview:lineView]; }

2.创建下方的scrollerView:

-(void)createScrollView{ baseScrollView=[[UIScrollView alloc]initWithFrame:CGRectMake(0, 107, self.view.frame.size.width, self.view.frame.size.height-107)]; baseScrollView.contentSize=CGSizeMake(4*self.view.frame.size.width, self.view.frame.size.height-107); baseScrollView.pagingEnabled=YES; baseScrollView.delegate=self; [self.view addSubview:baseScrollView]; }

3.创建标题栏案件点击事件：

-(void)navgationBarChange:(UIButton*)sender{ if(self.currentClickNumber!=sender.tag){ [sender setTitleColor:[UIColor greenColor] forState:UIControlStateNormal]; UIButton*button=[self.view viewWithTag:self.currentClickNumber]; [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; self.currentClickNumber=sender.tag; [self lineViewAnimationMoveWithNumber:sender.tag-1]; [baseScrollView setContentOffset:CGPointMake((sender.tag-1)*self.view.frame.size.width,self.view.frame.size.height-107)]; } }

4.创建下划线移动事件：

-(void)lineViewAnimationMoveWithNumber:(NSInteger)number{ CGFloat m=self.view.frame.size.width/4; [UIView animateWithDuration:0.38 animations:^{ lineView.frame=CGRectMake((number*m)+(m-50)/2, 41, 50, 2); }]; }

创建scrollView滑动事件：

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{ CGFloat m=self.view.frame.size.width/4; CGFloat q=scrollView.contentOffset.x/414; lineView.frame=CGRectMake(q*m+(m-50)/2, 41, 50, 2); NSInteger p=(self.currentClickNumber>q+1)?ceil(q)+1:floor(q)+1; if(p!=self.currentClickNumber){ UIButton*button1=[self.view viewWithTag:p]; [button1 setTitleColor:[UIColor greenColor] forState:UIControlStateNormal]; UIButton*button2=[self.view viewWithTag:self.currentClickNumber]; [button2 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; self.currentClickNumber=p; } }

网站备案号：京ICP备11043289号-1 北京市公安局网络备案 海1101084571

版权所有 北京育灵童科技发展有限公司 Copyright © 2002-2024 www.elight.cn, All Rights Reserved