玩转iOS开发 - 简易的实现2种抽屉效果

BeautyDrawer

BeautyDrawer 是一款简单易用的抽屉效果实现框架，集成的属性能够对view 滑动缩放进行控制。

Main features

• 三个视图，主视图能够左右滑动。实现抽屉效果
• 应用框架接口的内置參数属性能够对view的滑动速度。偏移度，和缩放比例进行设置
• 简单易用

Demonstration

Requirements

• iOS 6.0+
• Xcode 6.1.1

Installation

手动导入:

* 将BeautyDrawer/Resource目录中的全部文件拽入项目中

* 导入主头文件<BeautyDrawer/ZHDrawerController.h>

API

Properties

/*
 *主视图隐藏后显示比例(0~1) 是对主视图大小缩放的属性： 0.8
 */
@property (nonatomic, assign) CGFloat hideMainViewScale;

/**
 *主视图点击或拖拉恢复后比例 (0~1) 默认:1
 */
@property (nonatomic, assign) CGFloat backMainViewScale;

/*
 *主视图拖拽后centerX偏移比例，默认:0.05
 */
@property (nonatomic, assign) CGFloat centerDeviationX;

/*
 *主视图centerY偏移比例，默认:1
 */
@property (nonatomic, assign) CGFloat centerDeviationY;

/*
 *滑动速度系数-建议在0.5-1之间。默觉得0.5
 */
@property (assign,nonatomic) CGFloat speed;

/*
 *是否同意点击视图恢复视图位置。默觉得yes
 */
@property (strong) UITapGestureRecognizer *sideslipTapGes;

Method

不同的构造方法能够实现不同视图的格局

/*
 *构造方法(左控制器 & 主控制器 &右控制器 & 背景图片)
 */
- (instancetype)initWithLeftController:(UIViewController *)leftController
                    andMainController:(UIViewController *)mainController
                   andRightController:(UIViewController *)rightController
                   andBackgroundImage:(UIImage *)image;

/*
 *构造方法(左控制器 & 主控制器 & 又控制器)
 */
- (instancetype)initWithLeftController:(UIViewController *)leftController
                    andMainController:(UIViewController *)mainController
                   andRightController:(UIViewController *)rightController;

/*
 *构造方法(左控制器 & 主控制器)
 */
- (instancetype)initWithLeftController:(UIViewController *)leftController andMainView:(UIViewController *)mainController;

/*
 *构造方法(右控制器 & 主控制器)
 */
- (instancetype)initWithRightView:(UIViewController *)rightController andMainView:(UIViewController *)mainController;

Usage

appdelegate 设置(required)

在appdelegate.m 文件里对视图初始化

#import "AppDelegate.h"
#import "LeftViewController.h"
#import "MainViewController.h"
#import "RightViewController.h"

@interface AppDelegate ()
@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    // Override point for customization after application launch.

    // 1. 创建window
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

    // 2. 创建控制器
    MainViewController *main = [[MainViewController alloc] init];
    LeftViewController *left = [[LeftViewController alloc] init];
    RightViewController *right = [[RightViewController alloc] init];

    // 3. 创建跟控制器
   self.controller = [[ZHDrawerController alloc] initWithLeftController:left andMainController:main andRightController:right];
    self.controller.hideMainViewScale = 0.8;
    self.controller.backMainViewScale = 1.0;
    self.controller.centerDeviationX = 0.2;

    // 4. 设置跟控制器
    self.window.rootViewController = self.controller;

    // 5. 显示 window
    [self.window makeKeyAndVisible];

    return YES;
}

对视图加入子view显示

在leftView，rightView, mainView中自己定义view

- (void)viewDidLoad
{
    [super viewDidLoad];

    //不缩放 hideMainViewScale = 1.0
    [self addImage];

    //缩放 hideMainViewScale = 0.8
    //[self loadAddView];
}

- (void)addImage
{
    UIImageView *img = [[UIImageView alloc] initWithFrame:self.view.frame];

    img.image = [UIImage imageNamed:@"main.jpg"];

    [self.view addSubview:img];

}

GitHub

https://github.com/HuanDay/BeautyDrawer.git

致谢wangxiaoit童鞋