滑动视图.gif
实现这样的效果，
代码如下。
两个文件。
SlidingHeadView.h
#import <UIKit/UIKit.h>
@interface SlidingHeadView : UIView<UIScrollViewDelegate>
@property (nonatomic ,copy) NSArray * titlesArr;
-(void) setSlideHeadView;
-(void) addChildrenViewController:(UIViewController *)childrenVC;
@end
SlidingHeadView.m
#import "SlidingHeadView.h"
#import "BaseViewController.h"
@interface SlidingHeadView ()
@property(nonatomic,strong) UIButton *currentSeletedButton;
@property(nonatomic,strong) UIView *titlesView;
@property(nonatomic,strong) UIView *lineView;
@property(nonatomic,strong) UIScrollView *contentScrollView;
@end
@implementation SlidingHeadView
-(void) setSlideHeadView {
[self setupTopTitlesViews];
[self setupScrollV];
}
-(void) addChildrenViewController:(UIViewController *)childrenVC {
BaseViewController *superVC = [self findViewController:self];
[superVC addChildViewController:childrenVC];
}
-(void) setupTopTitlesViews {
self.titlesView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.width, 50 *SCALE_WIDTH)];
self.titlesView.backgroundColor = [UIColor whiteColor];
[self addSubview:self.titlesView];
UIView *lineV = [[UIView alloc] init];
lineV.backgroundColor = GREEN_COLOR;
lineV.height = 2 *SCALE_WIDTH;
lineV.y = 48 *SCALE_WIDTH;
[self.titlesView addSubview:lineV];
self.lineView = lineV;
for (NSInteger i = 0; i < _titlesArr.count; i++) {
UIButton *btn = [[UIButton alloc] init];
btn.frame = CGRectMake(i*self.width/_titlesArr.count, 0, self.width/_titlesArr.count, 48 *SCALE_WIDTH);
btn.tag = i;
[btn setTitle:_titlesArr[i] forState:UIControlStateNormal];
[btn setTitleColor:DARK_FONT_COLOR forState:UIControlStateNormal];
[btn setTitleColor:GREEN_COLOR forState:UIControlStateDisabled];
btn.titleLabel.font = [UIFont systemFontOfSize:13.0f];
[btn addTarget:self action:@selector(titleClick:) forControlEvents:UIControlEventTouchUpInside];
[self.titlesView addSubview:btn];
if (i == 0) {
btn.enabled = NO;
self.currentSeletedButton = btn;
[btn.titleLabel sizeToFit];
self.lineView.width = 30 *SCALE_WIDTH;
self.lineView.centerX = btn.centerX;
}
}
UILabel *smallLab = [[UILabel alloc] initWithFrame:CGRectMake(0, 2, self.width, 0.1)];
[self addSubview:smallLab];
[self.titlesView addSubview:lineV];
}
-(void) setupScrollV {
self.contentScrollView = [[UIScrollView alloc] init];
if (KISIPHONEX) {
_contentScrollView.frame = CGRectMake(0, 50 *SCALE_WIDTH, self.width, self.height - (50 + 61 + 50) *SCALE_WIDTH);
} else {
_contentScrollView.frame = CGRectMake(0, 50 *SCALE_WIDTH, self.width, self.height - (50 + 61) *SCALE_WIDTH);
}
self.contentScrollView.contentSize = CGSizeMake(_titlesArr.count * self.width, 0);
self.contentScrollView.contentOffset = CGPointMake(0, 0);
self.contentScrollView.showsHorizontalScrollIndicator = NO;
self.contentScrollView.pagingEnabled = YES;
self.contentScrollView.delegate = self;
self.contentScrollView.bounces = NO;
[self scrollViewDidEndScrollingAnimation:self.contentScrollView];
self.contentScrollView.backgroundColor = BACKGROUND_COLOR;
[self addSubview:self.contentScrollView];
}
-(void)titleClick:(UIButton *)button {
self.currentSeletedButton.enabled = YES;
button.enabled = NO;
self.currentSeletedButton = button;
[UIView animateWithDuration:0.25 animations:^{
self.lineView.width = 30 *SCALE_WIDTH;
self.lineView.centerX = button.centerX;
}];
CGPoint offset = self.contentScrollView.contentOffset;
offset.x = button.tag *self.contentScrollView.width;
[self.contentScrollView setContentOffset:offset animated:YES];
}
-(void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {
NSInteger index = scrollView.contentOffset.x/scrollView.width;
BaseViewController *superVC = [self findViewController:self];
BaseViewController *vc = superVC. childViewControllers[index];
vc.view.x = scrollView.contentOffset.x;
vc.view.y = 0;
vc.view.height = scrollView.height;
vc.view.width = scrollView.width;
[scrollView addSubview:vc.view];
}
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
[self scrollViewDidEndScrollingAnimation:scrollView];
NSInteger index = scrollView.contentOffset.x / scrollView.width;
[self titleClick:self.titlesView.subviews[index]];
}
- (BaseViewController *)findViewController:(UIView *)sourceView {
id target = sourceView;
while (target) {
target = ((UIResponder *)target).nextResponder;
if ([target isKindOfClass:[BaseViewController class]]) {
break;
}
}
return target;
}
@end
SliderView.h
#import <UIKit/UIKit.h>
@interface SliderView : UIView<UIScrollViewDelegate>
/** 文字scrollView */
@property (nonatomic, strong) UIScrollView *titleScrollView;
/** 控制器scrollView */
@property (nonatomic, strong) UIScrollView *contentScrollView;
/** 标签文字 */
@property (nonatomic ,copy) NSArray * titlesArr;
/** 标签按钮 */
@property (nonatomic, strong) NSMutableArray *buttons;
/** 选中的按钮 */
@property (nonatomic ,strong) UIButton * selectedBtn;
/** 选中的按钮背景图 */
@property (nonatomic ,strong) UIImageView * imageBackView;
-(void)setSlideHeadView;
-(void)addChildViewController:(UIViewController *)childVC title:(NSString *)vcTitle;
@end
SliderView.m
#import "SliderView.h"
@implementation SliderView
static CGFloat const titleH = 44;/** 文字高度 */
static CGFloat const MaxScale = 1.2;/** 选中文字放大 */
- (NSMutableArray *)buttons {
if (!_buttons) {
_buttons = [NSMutableArray array];
}
return _buttons;
}
-(id)init{
if (self = [super init]) {
}
return self;
}
-(void)setSlideHeadView{
[_titleScrollView removeFromSuperview];
[self setTitleScrollView]; /** 添加文字标签 */
[self setContentScrollView]; /** 添加scrollView */
[self setupTitle]; /** 设置标签按钮 文字 背景图 */
self.contentScrollView.contentSize = CGSizeMake(self.titlesArr.count * SCREEN_WIDTH, 0);
self.contentScrollView.pagingEnabled = YES;
self.contentScrollView.showsHorizontalScrollIndicator = NO;
self.contentScrollView.delegate = self;
self.contentScrollView.bounces = NO;
}
- (UIViewController *)findViewController:(UIView *)sourceView {
id target = sourceView;
while (target) {
target = ((UIResponder *)target).nextResponder;
if ([target isKindOfClass:[UIViewController class]]) {
break;
}
}
return target;
}
#pragma mark - PRIVATE
-(void)addChildViewController:(UIViewController *)childVC title:(NSString *)vcTitle{
UIViewController *superVC = [self findViewController:self];
childVC.title = vcTitle;
[superVC addChildViewController:childVC];
}
-(void)setTitleScrollView{
UIViewController *superVC = [self findViewController:self];
[self.titleScrollView removeAllSubviews];
self.titleScrollView = nil;
CGRect rect = CGRectMake(0, 0, SCREEN_WIDTH, titleH);
self.titleScrollView = [[UIScrollView alloc] initWithFrame:rect];
[superVC.view addSubview:self.titleScrollView];
}
-(void)setContentScrollView{
UIViewController *superVC = [self findViewController:self];
[self.contentScrollView removeAllSubviews];
self.contentScrollView = nil;
CGFloat y = CGRectGetMaxY(self.titleScrollView.frame);
CGRect rect = CGRectMake(0, y, SCREEN_WIDTH, SCREEN_HEIGHT - (titleH + 180) *SCALE_WIDTH);
if (KISIPHONEX) {
rect = CGRectMake(0, y, SCREEN_WIDTH, SCREEN_HEIGHT - (titleH + 180+50) *SCALE_WIDTH);
}
self.contentScrollView = [[UIScrollView alloc] initWithFrame:rect];
[superVC.view addSubview:self.contentScrollView];
}
-(void)setupTitle{
UIViewController *superVC = [self findViewController:self];
NSUInteger count = superVC.childViewControllers.count;
CGFloat x = 0;
CGFloat w = _titlesArr.count <= 0 ? SCREEN_WIDTH : (_titlesArr.count > 4 ? SCREEN_WIDTH/4 + 20 *SCALE_WIDTH: (SCREEN_WIDTH/_titlesArr.count) + 20 *SCALE_WIDTH );
CGFloat h = titleH;
self.imageBackView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 5 *SCALE_WIDTH, w, titleH-10 *SCALE_WIDTH)];
self.imageBackView.userInteractionEnabled = YES;
[self.titleScrollView addSubview:self.imageBackView];
self.titleScrollView.backgroundColor = [UIColor whiteColor];
for (int i = 0; i < count; i++) {
x = i * w;
CGRect rect = CGRectMake(x, 0, w, h);
UIButton *btn = [[UIButton alloc] initWithFrame:rect];
UIViewController *vc = superVC.childViewControllers[i];
btn.tag = i;
[btn setTitle:vc.title forState:UIControlStateNormal];
[btn setTitleColor:DARK_FONT_COLOR forState:UIControlStateNormal];
btn.titleLabel.font = [UIFont systemFontOfSize:13.0];
[btn addTarget:self action:@selector(click:) forControlEvents:UIControlEventTouchDown];
[self.buttons addObject:btn];
[self.titleScrollView addSubview:btn];
if (i == 0) {
[self click:btn];
}
}
self.titleScrollView.contentSize = CGSizeMake(count *w, 0);
self.titleScrollView.showsHorizontalScrollIndicator = NO;
}
-(void)click:(UIButton *)sender{
[self selectTitleBtn:sender];
NSInteger i = sender.tag;
CGFloat x = i *SCREEN_WIDTH;
self.contentScrollView.contentOffset = CGPointMake(x, 0);
[self setUpOneChildController:i];
}
-(void)selectTitleBtn:(UIButton *)btn{
[self.selectedBtn setTitleColor:DARK_FONT_COLOR forState:UIControlStateNormal];
self.selectedBtn.transform = CGAffineTransformIdentity;
[btn setTitleColor:GREEN_COLOR forState:UIControlStateNormal];
btn.transform = CGAffineTransformMakeScale(MaxScale, MaxScale);
self.selectedBtn = btn;
[self setupTitleCenter:btn];
}
-(void)setupTitleCenter:(UIButton *)sender {
CGFloat offset = sender.center.x - SCREEN_WIDTH * 0.5;
if (offset < 0) {
offset = 0;
}
CGFloat maxOffset = self.titleScrollView.contentSize.width - SCREEN_WIDTH;
if (offset > maxOffset && maxOffset>0) {
offset = maxOffset;
}
[self.titleScrollView setContentOffset:CGPointMake(offset, 0) animated:YES];
}
-(void)setUpOneChildController:(NSInteger)index{
UIViewController *superVC = [self findViewController:self];
CGFloat x = index * SCREEN_WIDTH;
UIViewController *vc = superVC.childViewControllers[index];
if (vc.view.superview) {
return;
}
vc.view.frame = CGRectMake(x, 0, SCREEN_WIDTH, SCREEN_HEIGHT - self.contentScrollView.frame.origin.y);
[self.contentScrollView addSubview:vc.view];
}
#pragma mark - UIScrollView delegate
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
NSInteger i = self.contentScrollView.contentOffset.x / SCREEN_WIDTH;
[self selectTitleBtn:self.buttons[i]];
[self setUpOneChildController:i];
}
-(void)scrollViewDidScroll:(UIScrollView *)scrollView {
CGFloat offsetX = scrollView.contentOffset.x;
NSInteger leftIndex = offsetX / SCREEN_WIDTH;
NSInteger rightIdex = leftIndex + 1;
UIButton *leftButton = self.buttons[leftIndex];
UIButton *rightButton = nil;
if (rightIdex < self.buttons.count) {
rightButton = self.buttons[rightIdex];
}
CGFloat scaleR = offsetX / SCREEN_WIDTH - leftIndex;
CGFloat scaleL = 1 - scaleR;
CGFloat transScale = MaxScale - 1;
self.imageBackView.transform = CGAffineTransformMakeTranslation((offsetX*(self.titleScrollView.contentSize.width / self.contentScrollView.contentSize.width)), 0);
leftButton.transform = CGAffineTransformMakeScale(scaleL * transScale + 1, scaleL * transScale + 1);
rightButton.transform = CGAffineTransformMakeScale(scaleR * transScale + 1, scaleR * transScale + 1);
}
@end
使用：在A Controller中，添加B和C两个Controller，或多个
SlidingHeadView *slidingV = [[SlidingHeadView alloc] init];
slidingV.frame = CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT);
slidingV.titlesArr = [NSArray arrayWithObjects:@"公告", @"资讯", nil];
[self.view addSubview:slidingV];
BulletinViewController *bulletinVC = [[BulletinViewController alloc] init];
[slidingV addChildrenViewController:bulletinVC];
NewsViewController *newsVC = [[NewsViewController alloc] init];
[slidingV addChildrenViewController:newsVC];
[slidingV setSlideHeadView];
网友评论