侧边栏筛选

宝儿姐镇楼图

废话不多说直接上代码
一、头文件

#import <UIKit/UIKit.h>

@interface SliderCategoryView : UIView

- (void)showView;

@end

二、实现文件

#import "SliderCategoryView.h"
#import "HomeTableView.h"

@interface SliderCategoryView  ()<UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate>

@property (nonatomic, strong) UITableView *tableView;
@property (nonatomic, strong) HomeTableView *homeTableView;

@end

@implementation SliderCategoryView

- (instancetype)init{

    self = [super init];
    if(self){
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(dismissView)];
        tap.delegate = self;
        [self addGestureRecognizer:tap];
        [self setupSubviews];
    }
    return self;
}

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
    
    if ([NSStringFromClass([touch.view class]) isEqualToString:@"UITableViewCellContentView"]) {
        return NO;
    } else if ([NSStringFromClass([touch.view class]) isEqualToString:@"UICollectionViewCellContentView"]) {
        return NO;
    }
    return YES;
}

- (void)showView {
    
    self.frame = CGRectMake(UIScreen.mainScreen.bounds.size.width, 0, UIScreen.mainScreen.bounds.size.width, UIScreen.mainScreen.bounds.size.height);
    self.alpha = 0;
    [UIView animateWithDuration:0.8 animations:^{
        self.frame = CGRectMake(0, 0, UIScreen.mainScreen.bounds.size.width, UIScreen.mainScreen.bounds.size.height);
        [[[[UIApplication sharedApplication] delegate] window] addSubview:self];
        self.alpha = 1;
    }];
}

- (void)dismissView {

    [UIView animateWithDuration:0.8 animations:^{
        self.frame = CGRectMake(UIScreen.mainScreen.bounds.size.width, 0, UIScreen.mainScreen.bounds.size.width, UIScreen.mainScreen.bounds.size.height);
        self.alpha = 0;
    } completion:^(BOOL finished) {
         [self removeFromSuperview];
    }];
}

#pragma mark - SetupSubviewsUI
- (void)setupSubviews{
    self.backgroundColor = [UIColor colorWithWhite:0 alpha:0.4];
    // 默认加载显示TableView
    [self addSubview:self.tableView];
}

- (HomeTableView *)homeTableView {
    if (!_homeTableView) {
        _homeTableView = [[HomeTableView alloc] init];
    }
    return _homeTableView;
}

- (UITableView *)tableView {
    if (!_tableView) {
        _tableView = [[UITableView alloc] init];
        _tableView.delegate = self;
        _tableView.dataSource = self;
        _tableView.backgroundColor = UIColor.whiteColor;
        _tableView.frame = CGRectMake(UIScreen.mainScreen.bounds.size.width/5, 0, UIScreen.mainScreen.bounds.size.width * 4/5, UIScreen.mainScreen.bounds.size.height);
    }
    return _tableView;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 10;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
    }
    
    cell.textLabel.text = [NSString stringWithFormat:@"%ld+%ld",indexPath.section,indexPath.row];
    
    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    self.homeTableView.frame = CGRectMake(UIScreen.mainScreen.bounds.size.width, 0, UIScreen.mainScreen.bounds.size.width * 4/5, UIScreen.mainScreen.bounds.size.height);
    
    [UIView animateWithDuration:0.5 animations:^{
        self.homeTableView.frame = CGRectMake(UIScreen.mainScreen.bounds.size.width/5, 0, UIScreen.mainScreen.bounds.size.width * 4/5, UIScreen.mainScreen.bounds.size.height);
        [self addSubview:self.homeTableView];
    } completion:^(BOOL finished) {
         
    }];
}

@end

HomeTableView代码

#import "HomeTableView.h"

@interface HomeTableView  ()<UITableViewDelegate, UITableViewDataSource>

@end

@implementation HomeTableView

- (instancetype)init{

    self = [super init];
    if(self){
        self.delegate = self;
        self.dataSource = self;
        self.backgroundColor = UIColor.whiteColor;
    }
    return self;
}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section {
    return 45;
}

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section {
    UIView *view = [[UIView alloc] init];
    view.backgroundColor = UIColor.redColor;
    
    UIButton *button = [[UIButton alloc] init];
    [button setImage:[UIImage imageNamed:@"back"] forState:UIControlStateNormal];
    button.frame = CGRectMake(15, 45/2-30/2, 30, 30);
    button.imageView.contentMode = UIViewContentModeScaleAspectFit;
    [button addTarget:self action:@selector(dismiss) forControlEvents:UIControlEventTouchUpInside];
    [view addSubview:button];
    return view;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 10;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
    }
    
    cell.textLabel.text = [NSString stringWithFormat:@"%ld+%ld",indexPath.section,indexPath.row];
    
    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    [self dismiss];
}

- (void)dismiss {
    [UIView animateWithDuration:0.5 animations:^{
        self.frame = CGRectMake(UIScreen.mainScreen.bounds.size.width, 0, UIScreen.mainScreen.bounds.size.width * 4/5, UIScreen.mainScreen.bounds.size.height);
    } completion:^(BOOL finished) {
        [self removeFromSuperview];
    }];
}

Swift版本（其实差别不大）

import UIKit

class SliderCategory_Swift: UIView {
    
    private lazy var tableView:UITableView = {
        let tableView = UITableView.init()
        tableView.backgroundColor = UIColor.white
        tableView.delegate = self
        tableView.dataSource = self
        tableView.frame = CGRect(x: UIScreen.main.bounds.width/5, y: 0, width: UIScreen.main.bounds.width*4/5, height: UIScreen.main.bounds.height)
        return tableView
    }()
    
    private lazy var homeTableView:HomeTableView = {
        let tableView = HomeTableView.init(frame: CGRect(x: UIScreen.main.bounds.width/5, y: 0, width: UIScreen.main.bounds.width*4/5, height: UIScreen.main.bounds.height), style: .grouped)
        return tableView
    }()

    public func showView() {
        
        self.frame = CGRect(x: UIScreen.main.bounds.width, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.size.height)
        self.alpha = 0
        
        UIView.animate(withDuration: 0.8) {
            self.frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.size.height)
            UIApplication.shared.delegate?.window??.addSubview(self)
            self.alpha = 1
        }
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        self.backgroundColor = UIColor.init(white: 0, alpha: 0.3)
        let tap:UITapGestureRecognizer = UITapGestureRecognizer.init(target: self, action: #selector(dismissView))
        tap.delegate = self
        self .addGestureRecognizer(tap)
        
        /// 默认加载一个tableView
        self.addSubview(tableView)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    @objc private func dismissView() {
        UIView.animate(withDuration: 0.8, animations: {
            self.frame = CGRect(x: UIScreen.main.bounds.width, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.size.height)
            self.alpha = 0
        }) { (bool) in
            self.removeFromSuperview()
        }
    }
}

extension SliderCategory_Swift: UIGestureRecognizerDelegate {
    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldReceive touch: UITouch) -> Bool {
        print(NSStringFromClass((touch.view?.classForCoder)!))
        if NSStringFromClass((touch.view?.classForCoder)!) == "UITableViewCellContentView" {
            return false
        } else if NSStringFromClass((touch.view?.classForCoder)!) == "UICollectionViewCellContentView" {
            return false
        } else {
            return true
        }
    }
}

extension SliderCategory_Swift: UITableViewDelegate, UITableViewDataSource {
    func numberOfSections(in tableView: UITableView) -> Int {
        return  1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 10
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
        if cell == nil {
            cell = UITableViewCell.init(style: .default, reuseIdentifier: "cell")
        }
        
        cell?.textLabel?.text = "\(indexPath.row+1)"
        
        return cell!
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        
        self.homeTableView.frame = CGRect(x: UIScreen.main.bounds.width, y: 0, width: UIScreen.main.bounds.width*4/5, height: UIScreen.main.bounds.size.height)
        UIView.animate(withDuration: 0.5) {
            self.homeTableView.frame = CGRect(x: UIScreen.main.bounds.width/5, y: 0, width: UIScreen.main.bounds.width*4/5, height: UIScreen.main.bounds.size.height)
            self.addSubview(self.homeTableView)
        }
    }
}

二、HomeTableView代码

import UIKit

class HomeTableView: UITableView {

    override init(frame: CGRect, style: UITableViewStyle) {
        super.init(frame: frame, style: style)
        self.delegate = self
        self.dataSource = self
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    @objc private func dismissView() {
        UIView.animate(withDuration: 0.5, animations: {
            self.frame = CGRect(x: UIScreen.main.bounds.width, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.size.height)
        }) { (bool) in
            self.removeFromSuperview()
        }
    }
}

extension HomeTableView: UITableViewDelegate, UITableViewDataSource {
    
    func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        let view = UIView.init()
        view.backgroundColor = UIColor.red
        let button = UIButton.init()
        button.setImage(UIImage.init(named: "back"), for: .normal)
        button.frame = CGRect(x: 15, y: 15, width: 30, height: 30)
        button.imageView?.contentMode = .scaleAspectFit
        button.addTarget(self, action: #selector(dismissView), for: .touchUpInside)
        view.addSubview(button)
        return view
    }
    
    func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
        return 45
    }
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return  1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 10
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        var cell = tableView.dequeueReusableCell(withIdentifier: "cell")
        if cell == nil {
            cell = UITableViewCell.init(style: .default, reuseIdentifier: "cell")
        }
        
        cell?.textLabel?.text = "\(indexPath.row+1)"
        
        return cell!
    }
    
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
         dismissView()
    }
}

效果图

效果图.gif
Demo地址
https://github.com/wudan-ios/SliderCategory.git