搜索菜单栏侧滑效果控件SearchView

//
//  SearchViewCell.h
//  SearchView
//
//  Created by YouXianMing on 14/12/25.
//  Copyright (c) 2014年 YouXianMing. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface SearchViewCell : UITableViewCell

@property (nonatomic, assign) BOOL showLine;

@end

//
//  SearchViewCell.m
//  SearchView
//
//  Created by YouXianMing on 14/12/25.
//  Copyright (c) 2014年 YouXianMing. All rights reserved.
//

#import "SearchViewCell.h"

@interface SearchViewCell ()

@property (nonatomic, strong) UIView *line;

@end

@implementation SearchViewCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        self.selectedBackgroundView    = [self createSelectedBackgroundView];
        
        // 线条view
        _line                 = [[UIView alloc] initWithFrame:CGRectMake(15, 49, 400, 1)];
        _line.backgroundColor = [UIColor redColor];
        _line.alpha           = 0;
        [self addSubview:_line];
    }
    
    return self;
}

- (UIView *)createSelectedBackgroundView {
    UIView *selectedView = [[UIView alloc] initWithFrame:CGRectMake(10, 0, 3, 50)];
    selectedView.backgroundColor = [UIColor purpleColor];
    
    return selectedView;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
    [super setSelected:selected animated:animated];
}

@synthesize showLine = _showLine;
- (void)setShowLine:(BOOL)showLine {
    _showLine   = showLine;
    if (showLine == YES) {
        _line.alpha = 1.f;
    } else {
        _line.alpha = 0.f;
    }
}
- (BOOL)showLine {
    return _showLine;
}

@end

//
//  ViewController.m
//  SearchView
//
//  Created by YouXianMing on 14/12/25.
//  Copyright (c) 2014年 YouXianMing. All rights reserved.
//

#import "ViewController.h"
#import "SearchView.h"

/**
 枚举值
 */
typedef enum : NSUInteger {
    UIVIEW_BackgroundView = 0x19871220,
    UIVIEW_SearchView,
} EnumViewController;

@interface ViewController ()<SearchViewDelegate>

@property (nonatomic, strong) SearchView  *searchView;

@end

#define ScreenWidth    [[UIScreen mainScreen] bounds].size.width
#define ScreenHeight   [[UIScreen mainScreen] bounds].size.height

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 设置背景图
    self.view.layer.contents = (__bridge id)([UIImage imageNamed:@"bgImg"].CGImage);
    
    // 隐藏状态栏
    [UIApplication sharedApplication].statusBarHidden = YES;
 
    // 按钮
    UIButton *button = [[UIButton alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:button];
    [button addTarget:self
               action:@selector(buttonEvent:)
     forControlEvents:UIControlEventTouchUpInside];
}

/**
 *  代理方法
 *
 *  @param string 被点击的字符串
 */
- (void)searchViewTapEventString:(NSString *)string {
    NSLog(@"%@", string);
}

/**
 *  创建出SearchView
 *
 *  @param duration 动画执行时间
 */
- (void)createSearchViewWithAnimatedDuration:(CGFloat)duration {
    
    SearchView *searchView     = \
        [[SearchView alloc] initWithFrame:CGRectMake(ScreenWidth, 0, ScreenWidth, ScreenHeight)];
    searchView.alpha           = 0.f;
    searchView.delegate        = self;
    searchView.tag             = UIVIEW_SearchView;
    searchView.dataStringArray = @[@"YouXianMing", @"Soup", @"Y.X.M.", @"Play Game",
                                   @"WaKaLiMaXiDa.", @"E.T.", @"Q.L.", @"SLG"];
    [self.view addSubview:searchView];
    UIView *lineView         = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 3, ScreenHeight)];
    lineView.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.5f];
    [searchView addSubview:lineView];
    
    [UIView animateWithDuration:duration
                          delay:0.f
         usingSpringWithDamping:1.f
          initialSpringVelocity:1.f
                        options:UIViewAnimationOptionLayoutSubviews
                     animations:^{
                         searchView.alpha = 1.f;
                         searchView.frame = CGRectMake(120, 0, ScreenWidth, ScreenHeight);
                     }
                     completion:^(BOOL finished) {
                         [searchView expendCellAnimated:YES];
                     }];
}

/**
 *  移除SearchView
 *
 *  @param duration 动画执行时间
 */
- (void)removeSearchViewWithAnimatedDuration:(CGFloat)duration {
    UIView *searchView = [self.view viewWithTag:UIVIEW_SearchView];
    
    [UIView animateWithDuration:duration animations:^{
        searchView.frame = CGRectMake(ScreenWidth, 0, ScreenWidth, ScreenHeight);
        searchView.alpha = 0.f;
    } completion:^(BOOL finished) {
        [searchView removeFromSuperview];
    }];
}

/**
 *  创建出背景View
 *
 *  @param duration 动画执行时间
 */
- (void)createBackgroundViewWithAnimatedDuration:(CGFloat)duration {
    UIView *backedgroundView                = [[UIView alloc] initWithFrame:self.view.bounds];
    backedgroundView.backgroundColor        = [UIColor blackColor];
    backedgroundView.tag                    = UIVIEW_BackgroundView;
    backedgroundView.alpha                  = 0.f;
    backedgroundView.userInteractionEnabled = NO;
    [self.view addSubview:backedgroundView];
    
    [UIView animateWithDuration:duration animations:^{
        backedgroundView.alpha = 0.35;
    }];
}

/**
 *  移除背景View
 *
 *  @param duration 动画执行时间
 */
- (void)removeBackgroundViewWithAnimatedDuration:(CGFloat)duration {
    UIView *backedgroundView = [self.view viewWithTag:UIVIEW_BackgroundView];
    
    [UIView animateWithDuration:duration animations:^{
        backedgroundView.alpha = 0.f;
    } completion:^(BOOL finished) {
        [backedgroundView removeFromSuperview];
    }];
}

/**
 *  按钮点击事件
 *
 *  @param button 按钮
 */
- (void)buttonEvent:(UIButton *)button {
    if (button.selected == NO) {
        button.selected = YES;
        [self createBackgroundViewWithAnimatedDuration:0.45];
        [self createSearchViewWithAnimatedDuration:0.45];
    } else {
        button.selected = NO;
        [self removeBackgroundViewWithAnimatedDuration:0.45];
        [self removeSearchViewWithAnimatedDuration:0.45];
    }
}

@end