美文网首页iOS 动画
简单的实现抽屉效果

简单的实现抽屉效果

作者: 呼哮山庄 | 来源:发表于2016-10-31 21:40 被阅读19次

.h文件
#import <UIKit/UIKit.h>
@interface MainViewController : UIViewController
+ (instancetype)mainViewControllerWithLeftViewController:(UIViewController *)leftViewController withMainPageViewController:(UIViewController *)mainPageViewController;
@end
.m文件
#import "MainViewController.h"
#define KWidth self.view.frame.size.width
#define KHeight self.view.frame.size.height
@interface MainViewController ()
@property (nonatomic,strong)UIViewController *leftVC;
@property (nonatomic,strong)UIViewController *centerVC;
@property (nonatomic,assign)BOOL isSlider;
@property (nonatomic,strong)UIView *corverView;
@end

 @implementation MainViewController
 + (instancetype)mainViewControllerWithLeftViewController:(UIViewController *)leftViewController withMainPageViewController:(UIViewController *)mainPageViewController{
MainViewController *mainVC = [[MainViewController alloc] init];
mainVC.leftVC = leftViewController;
mainVC.centerVC = mainPageViewController;
return mainVC;
 }
 - (void)viewDidLoad{
[super viewDidLoad];
self.isSlider = NO;
self.view.backgroundColor = [UIColor whiteColor];
[self addChildViewController:self.leftVC];
[self.view addSubview:self.leftVC.view];
[self addChildViewController:self.centerVC];
[self.view addSubview:self.centerVC.view];
// 给左视图和主视图添加手势
[self addGestureForView];
 }
 // 给主视图添加遮盖
 - (void)addCorverView{
if (self.corverView) {
    [self.corverView removeFromSuperview];
    self.corverView = nil;
}
self.corverView = [[UIView alloc] initWithFrame:self.centerVC.view.bounds];
_corverView.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.0];
[self.centerVC.view addSubview:self.corverView];
 }
 // 移除主视图遮盖
 - (void)removeCoverView{
if (self.corverView) {
    [self.corverView removeFromSuperview];
    self.corverView = nil;
}
 }
 // 给左视图和主视图添加手势
 - (void)addGestureForView{
UISwipeGestureRecognizer *rightGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeRightAction:)];
rightGesture.direction = UISwipeGestureRecognizerDirectionRight;
[self.centerVC.view addGestureRecognizer:rightGesture];
UISwipeGestureRecognizer *leftGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipeLeftAction:)];
leftGesture.direction = UISwipeGestureRecognizerDirectionLeft;
[self.centerVC.view addGestureRecognizer:leftGesture];
UISwipeGestureRecognizer *leftVCLeftSwipeGesture = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(leftVCLeftSwipeAction:)];
leftVCLeftSwipeGesture.direction = UISwipeGestureRecognizerDirectionLeft;
[self.leftVC.view addGestureRecognizer:leftVCLeftSwipeGesture];
 }
 - (void)swipeRightAction:(id)sender{
[self moveView:self.centerVC.view scale:0.8 panValue:KWidth];
self.isSlider = YES;
[self addCorverView];
 }
 - (void)swipeLeftAction:(id)sender{
[self moveView:self.centerVC.view scale:1 panValue:KWidth / 2];
self.isSlider = NO;
[self removeCoverView];
 }
 - (void)leftVCLeftSwipeAction:(id)sender{
[self moveView:self.centerVC.view scale:1 panValue:KWidth / 2];
self.isSlider = NO;
[self removeCoverView];
 }
 // 平移和缩放一个视图
 - (void)moveView:(UIView *)view scale:(CGFloat)scale panValue:(CGFloat)value{
[UIView beginAnimations:nil context:nil];
view.transform = CGAffineTransformScale(CGAffineTransformIdentity,scale,scale);
view.center = CGPointMake(value, view.center.y);
[UIView commitAnimations];
 }
 @end

在ViewController中调用

UIViewController *left = [[UIViewController alloc] init];
left.view.backgroundColor = [UIColor yellowColor];
UIViewController *right = [[UIViewController alloc] init];
right.view.backgroundColor = [UIColor redColor];
UIViewController *vc =  [MainViewController mainViewControllerWithLeftViewController:left withMainPageViewController:right];
[self addChildViewController:vc];
[self.view addSubview:vc.view];

相关文章

  • 简单实现抽屉效果

    新建抽屉类 在抽屉类的.h文件中 抽屉类的.m文件中 最终实现效果

  • 简单抽屉效果的实现

    一个简单的抽屉效果分享给大家,提供详细的源码下载,供新手小伙伴学习参考。 第一步:搭建界面。 (void)view...

  • 简单的实现抽屉效果

    .h文件#import @interface MainViewController : UIViewContro...

  • iOS 抽屉效果

    效果图 平时开发中经常会用到抽屉效果,关于抽屉的实现有许多三方库,读者可以根据需要选用,本节内容主要简单的实现一个...

  • iOS中抽屉效果的简单实现

    现在很多应用中都使用到了抽屉效果,在这里我简单的实现了下 在这里我做的是三个界面的切换实现思路:1.通过在一个控制...

  • 简单的抽屉效果

    先看下效果 1:新建一个项目,名字随便起,在项目下新建一个实体文件夹,这个文件件就是存放封装好的抽屉效果类(只有两...

  • swift实现抽屉效果

    抽屉效果实现源码

  • 史上最简单的抽屉效果--只要极少的代码实现

    史上最简单的抽屉效果实现 -- 代码就是呆萌任性 1、主要控件:Container View 2、实现思路:通过轻...

  • iOS-简单抽屉效果实现

    今天,特别想研究研究抽屉效果实现,虽然,如今,抽屉效果有很多第三方框架,可以帮助你实现此功能,但是我认为,作为学习...

  • Swift-QQ最新版抽屉侧滑和弹框视图

    导读 简单用Swift写了一个抽屉效果,可以直接使用并且简单;很多软件都运了抽屉效果,比如qq的左抽屉,英雄联盟,...

网友评论

    本文标题:简单的实现抽屉效果

    本文链接:https://www.haomeiwen.com/subject/wzbputtx.html