iOS-仿淘宝navigationBar双波纹（OC版本和Swift版本）

前言

上个月淘宝更新的APP的navigationBar上面有两个大波浪，看着很好玩，很多APP开始模仿，包括我们公司的APP也是，然后我就写了一个播放的View，方便各种环境下使用；

1.navigationBar

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    self.view.backgroundColor = [UIColor whiteColor];
    [self.navigationController.navigationBar addSubview:self.headerView];
    [self.navigationController.navigationBar sendSubviewToBack:self.headerView];
}

- (ZFJWaveView *)headerView{
    if (!_headerView) {
        _headerView = [[ZFJWaveView alloc] initWithFrame:CGRectMake(0, -20, self.view.frame.size.width, 64)];
        _headerView.backgroundColor = [UIColor colorWithRed:1.000 green:0.318 blue:0.129 alpha:1.00];
        _headerView.waveBlock = ^(CGFloat currentY){
        };
        [_headerView startWaveAnimation];
    }
    return _headerView;
}

Swift调用代码

self.view.backgroundColor = UIColor.white
        
        headerView = ZFJWaveView(frame: CGRect(x: CGFloat(0), y: CGFloat(-20), width: CGFloat(self.view.frame.size.width), height: CGFloat(64)))
        headerView.backgroundColor = UIColor(red: CGFloat(1.000), green: CGFloat(0.318), blue: CGFloat(0.129), alpha: CGFloat(1.00))
        headerView.waveBlock = {(_ currentY: CGFloat) -> Void in
            //print(currentY)
        }
        headerView.startWaveAnimation()
        
        self.navigationController!.navigationBar.addSubview(headerView)
        self.navigationController!.navigationBar.sendSubview(toBack: headerView)

效果如下：

2.其他（UITableview头部）

- (UITableView *)tableView{
    if (!_tableView) {
        _tableView = [[UITableView alloc] initWithFrame:self.view.frame style:UITableViewStyleGrouped];
        _tableView.dataSource = self;
        _tableView.delegate = self;
        _tableView.backgroundColor = KBackgroundColor;
        _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
        _tableView.separatorColor = [UIColor clearColor];
        _tableView.tableHeaderView = self.headerView;
    }
    return _tableView;
}

- (ZFJWaveView *)headerView{
    if (!_headerView) {
        _headerView = [[ZFJWaveView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 265)];
        __weak typeof(self)weakSelf = self;
        _headerView.titleName = @"小荧星培训机构";
        _headerView.detailName = @"机构ID:134611";
        _headerView.btnTittleArr = @[@"主页",@"比赛"];
        _headerView.selectType = ^(NSInteger selectIndex,NSString *selectIndexTitle){
            weakSelf.selectType = selectIndex;
        };
        [_headerView startWaveAnimation];
        [_headerView addSubview:weakSelf.headViewBackBtn];
    }
    return _headerView;
}

效果如下：

3.DEMO下载

OC版本点击下载

OC版本：http://download.csdn.net/detail/u014220518/9731412

Swift版本点击下载

Swift版本：http://download.csdn.net/detail/u014220518/9732721