iOS开发时左右侧滑

  • 在我们开发中经常会遇到左右侧滑的需求,借鉴网上的资料,我整理下来,写了一个Demo;

Category:



.h中:
#import <UIKit/UIKit.h>
typedef enum{
    HYSideDirectionRight,
    HYSideDirectionLeft
} HYSideDirection;

@interface UIViewController (Side)
 //侧滑出来的View   
@property (weak,nonatomic) UIView * sideView;

//侧滑的方向,也决定了sideView是在mainPanelView 的左边还是右边    
@property (assign,nonatomic) HYSideDirection HYSideDirectionType;
//滑出状态
@property (assign,nonatomic) BOOL  isSide;
//侧滑并设置侧滑动画时间
- (void)sideAnimateWithDuration:(NSTimeInterval)duration;

@end

.m中:
#import "UIViewController+Side.h"
#import <objc/runtime.h>
//导航条高度
const  CGFloat HYNavigationBarHeight = 64;

@implementation UIViewController (Side)
//最开始的view
static UIView * _mainView;
#pragma mark - 通过运行时动态添加属性
//定义关联的Key
static const char * sideViewKey = "sideView";

- (void)setSideView:(UIView *)sideView{
    [[UIApplication sharedApplication].keyWindow addSubview:sideView];
    objc_setAssociatedObject(self, sideViewKey, sideView, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
    _mainView = self.navigationController?self.navigationController.view:self.view; 
}

- (UIView *)sideView{
    return  objc_getAssociatedObject(self, sideViewKey);
}
#pragma mark - 侧滑方向
static const char * sideDirectionTypeKey = "sideDirectionType";

- (HYSideDirection)HYSideDirectionType{  
    return  [objc_getAssociatedObject(self, sideDirectionTypeKey) intValue];
}

- (void)setHYSideDirectionType:(HYSideDirection)HYSideDirectionType{
    objc_setAssociatedObject(self, sideDirectionTypeKey, @(HYSideDirectionType), OBJC_ASSOCIATION_ASSIGN);
    CGRect rect = self.sideView.bounds;
   
    if (HYSideDirectionType == HYSideDirectionRight) {
        //右滑,滑动距离
        _sideWidth = rect.size.width;
        
        //右滑,则sideView被添加到view左边
        self.sideView.frame = CGRectMake(- rect.size.width, 0, rect.size.width, [UIScreen mainScreen].bounds.size.height);
    }else{
        
        //左滑,滑动距离
        _sideWidth = -rect.size.width;
        //左滑,则sideView被添加到view右边
        self.sideView.frame = CGRectMake([UIScreen mainScreen].bounds.size.width , 0 , rect.size.width, rect.size.height);
    }
}

#pragma mark - 是否侧滑
//定义关联的Key
static const char * isSideKey = "isSide";

- (BOOL)isSide{
    return  [objc_getAssociatedObject(self, isSideKey) integerValue];
}


- (void)setIsSide:(BOOL)isSide{
    
    objc_setAssociatedObject(self, isSideKey, @(isSide), OBJC_ASSOCIATION_ASSIGN);
}

//侧滑出来的宽度
static CGFloat _sideWidth;
- (void)sideAnimateWithDuration:(NSTimeInterval)duration{
    
    if (self.isSide) {   
        self.isSide = NO;
        [self hideSideViewWithDuration:(NSTimeInterval)duration];
        return;
    }
    self.isSide = YES;
    [UIView animateWithDuration:duration animations:^{
        
        _mainView.transform = CGAffineTransformMakeTranslation(_sideWidth, 0);;
        
        self.sideView.transform = CGAffineTransformMakeTranslation(_sideWidth, 0);
    }];
    
}

//侧滑时间
- (void)hideSideViewWithDuration:(NSTimeInterval)duration{
    
    [UIView animateWithDuration:duration animations:^{
        _mainView.transform = CGAffineTransformIdentity;
        self.sideView.transform = CGAffineTransformIdentity;
    }];  
}

@end

侧滑页面:

.h中:
#import <UIKit/UIKit.h>
@interface MySideVC : UITableViewController
@property (nonatomic,copy)  void(^sideblock)();
@end
.m中:
#import "MySideVC.h"

@implementation MySideVC

- (void)viewDidLoad{
    
    [super viewDidLoad];
    [self.tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:@"sideCell"];
}

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

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@"sideCell" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor grayColor];
    cell.textLabel.text = [NSString stringWithFormat:@"我是第%ld行",indexPath.row];
    return cell;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    if(self.sideblock) self.sideblock();
}

@end

试图控制器

.m中:
#import "ViewController.h"
#import "UIViewController+Side.h"
#import "MySideVC.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@"侧滑" style:UIBarButtonItemStylePlain target:self action:@selector(side)];
   
    MySideVC * vc = [[MySideVC alloc]init];
    //设置侧滑的view
    self.sideView = vc.view;
    vc.view.backgroundColor = [UIColor whiteColor];
    //侧滑的距离由侧滑的view的宽度决定
    vc.view.frame = CGRectMake(0, 0, 2*self.view.bounds.size.width/3, self.view.bounds.size.height);
    [self addChildViewController:vc];
    //设置侧滑view的block,什么时候隐藏侧滑的view可以由侧滑的控制器决定
    vc.sideblock = ^{
        [self side];
    };
    //侧滑的方向,向左边滑动
    self.HYSideDirectionType = HYSideDirectionLeft;
}

- (void)side{
    [self sideAnimateWithDuration:0.25];
}

- (void)touchesBegan:(NSSet*)touches withEvent:(UIEvent *)event{
    
    if (self.isSide) {
        [self side];
    }
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

效果图:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容