网易新闻侧滑抽屉效果（利用父子控制器实现）

一：类似于网易的抽屉效果，启动有广告，进入主界面后，点击左上角按钮，侧滑左抽屉，点击右上角，侧滑出右抽屉。点击左抽屉按钮，对视图进行切换

。

 

 二代码：

1：启动图展示广告界面实现：先吧启动图控制器作为窗口的根视图控制器，展示完广告消失后，再切换窗口的根视图控制器为主控制器。其中窗口指的是项目中的主窗口也就是keyWindow，主窗口主要负责接收一些键盘事件，文本框输入事件，若是键盘文本框，textView或是textfield不能输入，则考虑是不是当前窗口是否是主窗口

@interface HMAdViewController ()

@end

@implementation HMAdViewController
- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 1.背景图片
    UIImageView *bg = [[UIImageView alloc] init];
    bg.image = [UIImage imageNamed:@"Default"];
    bg.frame = self.view.bounds;
    [self.view addSubview:bg];
    
    // 2.广告图片(真实的广告图片应该要先下载广告图片)
    UIImageView *ad = [[UIImageView alloc] init];
    ad.image = [UIImage imageNamed:@"ad"];
    ad.width = 280;
    ad.height = 300;
    ad.centerX = self.view.width * 0.5;
    ad.y = 60;
    [self.view addSubview:ad];
    
    // 3.2s后调到下一个主界面
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(10.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        UIWindow *window = [UIApplication sharedApplication].keyWindow;
        UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
        window.rootViewController = [storyboard instantiateViewControllerWithIdentifier:@"Main"];
    });
}

@end

2：当启动图广告界面展示完毕后，切换窗口根视图控制器。

#import "HMMainViewController.h"
#import "HMLeftMenu.h"
#import "HMRightMenuController.h"
#import "HMNavigationController.h"
#import "HMNewsViewController.h"
#import "HMReadingViewController.h"
#import "HMTitleView.h"

#define HMNavShowAnimDuration 0.25
#define HMCoverTag 100
#define HMLeftMenuW 150
#define HMLeftMenuH 300
#define HMLeftMenuY 50

@interface HMMainViewController () <HMLeftMenuDelegate>
/**
 *  正在显示的导航控制器
 */
@property (nonatomic, weak) HMNavigationController *showingNavigationController;
@property (nonatomic, strong) HMRightMenuController *rightMenuVc;
@property (nonatomic, weak) HMLeftMenu *leftMenu;
@end

@implementation HMMainViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 1.创建子控制器
    [self setupAllChildVcs];
    
    // 2.添加左菜单
    [self setupLeftMenu];
    
    // 3.添加右菜单
    [self setupRightMenu];
}


/**
 *  添加右菜单
 */
- (void)setupRightMenu
{
    HMRightMenuController *rightMenuVc = [[HMRightMenuController alloc] init];
    rightMenuVc.view.x = self.view.width - rightMenuVc.view.width;
    [self.view insertSubview:rightMenuVc.view atIndex:1];
    self.rightMenuVc = rightMenuVc;
}

/**
 *  添加左菜单
 */
- (void)setupLeftMenu
{
    HMLeftMenu *leftMenu = [[HMLeftMenu alloc] init];
    leftMenu.delegate = self;
    leftMenu.height = HMLeftMenuH;
    leftMenu.width = HMLeftMenuW;
    leftMenu.y = HMLeftMenuY;
    [self.view insertSubview:leftMenu atIndex:1];
    self.leftMenu = leftMenu;
}

/**
 *  创建子控制器
 */
- (void)setupAllChildVcs
{
    // 1.新闻控制器
    HMNewsViewController *news = [[HMNewsViewController alloc] init];
    [self setupVc:news title:@"新闻"];
    
    // 2.订阅控制器
    HMReadingViewController *reading = [[HMReadingViewController alloc] init];
    [self setupVc:reading title:@"订阅"];
    
    // 3.图片控制器
    UIViewController *photo = [[UIViewController alloc] init];
    [self setupVc:photo title:@"图片"];
    
    // 4.视频控制器
    UIViewController *video = [[UIViewController alloc] init];
    [self setupVc:video title:@"视频"];
    
    // 5.跟帖控制器
    UIViewController *comment = [[UIViewController alloc] init];
    [self setupVc:comment title:@"跟帖"];
    
    // 6.电台控制器
    UIViewController *radio = [[UIViewController alloc] init];
    [self setupVc:radio title:@"电台"];
}

- (UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleLightContent;
}

/**
 *  初始化一个控制器
 *
 *  @param vc      需要初始化的控制器
 *  @param title   控制器的标题
 */
- (void)setupVc:(UIViewController *)vc title:(NSString *)title
{
    // 1.设置背景色
    vc.view.backgroundColor = HMRandomColor;
    
    // 2.设置标题
    HMTitleView *titleView = [[HMTitleView alloc] init];
    titleView.title = title;
    vc.navigationItem.titleView = titleView;
    
    // 3.设置左右按钮
    vc.navigationItem.leftBarButtonItem = [UIBarButtonItem itemWithImageName:@"top_navigation_menuicon" target:self action:@selector(leftMenuClick)];
    vc.navigationItem.rightBarButtonItem = [UIBarButtonItem itemWithImageName:@"top_navigation_infoicon" target:self action:@selector(rightMenuClick)];
    
    // 4.包装一个导航控制器
    HMNavigationController *nav = [[HMNavigationController alloc] initWithRootViewController:vc];
    // 让newsNav成为self（HMMainViewController）的子控制器，能保证：self在，newsNav就在
    // 如果两个控制器互为父子关系，那么它们的view也应该互为父子关系
    [self addChildViewController:nav];
}

#pragma mark - 监听导航栏按钮点击
- (void)leftMenuClick
{
    self.leftMenu.hidden = NO;
    self.rightMenuVc.view.hidden = YES;
    
    [UIView animateWithDuration:HMNavShowAnimDuration animations:^{
        // 取出正在显示的导航控制器的view
        UIView *showingView = self.showingNavigationController.view;
        
        // 缩放比例
        CGFloat navH = [UIScreen mainScreen].bounds.size.height - 2 * HMLeftMenuY;
        CGFloat scale = navH / [UIScreen mainScreen].bounds.size.height;
        
        // 菜单左边的间距
        CGFloat leftMenuMargin = [UIScreen mainScreen].bounds.size.width * (1 - scale) * 0.5;
        CGFloat translateX = HMLeftMenuW - leftMenuMargin;
        
        CGFloat topMargin = [UIScreen mainScreen].bounds.size.height * (1 - scale) * 0.5;
        CGFloat translateY = HMLeftMenuY - topMargin;
        
        // 缩放
        CGAffineTransform scaleForm = CGAffineTransformMakeScale(scale, scale);
        // 平移
        CGAffineTransform translateForm = CGAffineTransformTranslate(scaleForm, translateX / scale, translateY / scale);
        
        showingView.transform = translateForm;
        
        // 添加一个遮盖
        UIButton *cover = [[UIButton alloc] init];
        cover.tag = HMCoverTag;
        [cover addTarget:self action:@selector(coverClick:) forControlEvents:UIControlEventTouchUpInside];
        cover.frame = showingView.bounds;
        [showingView addSubview:cover];
    }];
}

- (void)coverClick:(UIView *)cover
{
    [UIView animateWithDuration:HMNavShowAnimDuration animations:^{
        self.showingNavigationController.view.transform = CGAffineTransformIdentity;
    } completion:^(BOOL finished) {
        [cover removeFromSuperview];
    }];
}

- (void)rightMenuClick
{
    self.leftMenu.hidden = YES;
    self.rightMenuVc.view.hidden = NO;
    
    [UIView animateWithDuration:HMNavShowAnimDuration animations:^{
        // 取出正在显示的导航控制器的view
        UIView *showingView = self.showingNavigationController.view;
        
        // 缩放比例
        CGFloat navH = [UIScreen mainScreen].bounds.size.height - 2 * HMLeftMenuY;
        CGFloat scale = navH / [UIScreen mainScreen].bounds.size.height;
        
        // 菜单左边的间距
        CGFloat leftMenuMargin = [UIScreen mainScreen].bounds.size.width * (1 - scale) * 0.5;
        CGFloat translateX = leftMenuMargin - self.rightMenuVc.view.width;
        
        CGFloat topMargin = [UIScreen mainScreen].bounds.size.height * (1 - scale) * 0.5;
        CGFloat translateY = HMLeftMenuY - topMargin;
        
        // 缩放
        CGAffineTransform scaleForm = CGAffineTransformMakeScale(scale, scale);
        // 平移
        CGAffineTransform translateForm = CGAffineTransformTranslate(scaleForm, translateX / scale, translateY / scale);
        
        showingView.transform = translateForm;
        
        // 添加一个遮盖
        UIButton *cover = [[UIButton alloc] init];
        cover.tag = HMCoverTag;
        [cover addTarget:self action:@selector(coverClick:) forControlEvents:UIControlEventTouchUpInside];
        cover.frame = showingView.bounds;
        [showingView addSubview:cover];
    } completion:^(BOOL finished) {
        [self.rightMenuVc didShow];
    }];
}

#pragma mark - HMLeftMenuDelegate
- (void)leftMenu:(HMLeftMenu *)menu didSelectedButtonFromIndex:(int)fromIndex toIndex:(int)toIndex
{
    // 0.移除旧控制器的view
    HMNavigationController *oldNav = self.childViewControllers[fromIndex];
    [oldNav.view removeFromSuperview];
    
    // 1.显示新控制器的view
    HMNavigationController *newNav = self.childViewControllers[toIndex];
    [self.view addSubview:newNav.view];
    
    // 2.设置新控制的transform跟旧控制器一样
    newNav.view.transform = oldNav.view.transform;
    // 设置阴影
    newNav.view.layer.shadowColor = [UIColor blackColor].CGColor;
    newNav.view.layer.shadowOffset = CGSizeMake(-3, 0);
    newNav.view.layer.shadowOpacity = 0.2;
    
    // 一个导航控制器的view第一次显示到它的父控件上时，如果transform的缩放值被改了，上面的20高度当时是不会出来
    
    // 2.设置当前正在显示的控制器
    self.showingNavigationController = newNav;
    
    // 3.点击遮盖
    [self coverClick:[newNav.view viewWithTag:HMCoverTag]];
}
@end

3：封装NAV导航控制器

#import "HMNavigationController.h"
#import "HMNavigationBar.h"

@interface HMNavigationController ()

@end

@implementation HMNavigationController

+ (void)initialize
{
    UINavigationBar *appearance = [UINavigationBar appearance];
    
    // 设置导航栏背景
    [appearance setBackgroundImage:[UIImage imageNamed:@"top_navigation_background"] forBarMetrics:UIBarMetricsDefault];
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 替换为自定义的导航栏
    [self setValue:[[HMNavigationBar alloc] init] forKeyPath:@"navigationBar"];
}

#pragma mark - 这个方法也是专门用来布局子控件（当控制器的view尺寸发生改变的时候会调用）
//- (void)viewDidLayoutSubviews
//{
//    [super viewDidLayoutSubviews];
//    
//    for (UIButton *button in self.navigationBar.subviews) {
//        if (![button isKindOfClass:[UIButton class]]) continue;
//
//        if (button.centerX < self.navigationBar.width * 0.5) { // 左边的按钮
//            button.x = 0;
//        } else if (button.centerX > self.navigationBar.width * 0.5) { // 右边的按钮
//            button.x = self.view.width - button.width;
//        }
//    }
//}

@end

4:封装导航栏:目的是调整导航栏上左右item距离边框的位置.。左右按钮的背景图片，应该做成图片在中间，四周为镂空的图片

#import "HMNavigationBar.h"

@implementation HMNavigationBar

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
    }
    return self;
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    
    for (UIButton *button in self.subviews) {
        if (![button isKindOfClass:[UIButton class]]) continue;

        if (button.centerX < self.width * 0.5) { // 左边的按钮
            button.x = 0;
        } else if (button.centerX > self.width * 0.5) { // 右边的按钮
            button.x = self.width - button.width;
        }
    }
}
@end

5：封装titleView：titleView由图片和文字构成，可以用button来实现，既可以设置图片也可以设置文字

#import <UIKit/UIKit.h>

@interface HMTitleView : UIButton
@property (nonatomic, copy) NSString *title;
@end

#import "HMTitleView.h"

@implementation HMTitleView

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.userInteractionEnabled = NO;
        [self setImage:[UIImage imageNamed:@"navbar_netease"] forState:UIControlStateNormal];
        [self setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
        self.titleLabel.font = [UIFont boldSystemFontOfSize:22];
        self.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 0, 0);
        self.height = self.currentImage.size.height;
    }
    return self;
}

- (void)setTitle:(NSString *)title
{
    _title = [title copy];
    
    [self setTitle:title forState:UIControlStateNormal];
    
    NSDictionary *attrs = @{NSFontAttributeName : self.titleLabel.font};
    CGFloat titleW = [title boundingRectWithSize:CGSizeMake(MAXFLOAT, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:attrs context:nil].size.width;
    
    self.width = titleW + self.titleEdgeInsets.left + self.currentImage.size.width;
}
@end

6:封装item，uiview，image分类

#import <UIKit/UIKit.h>

@interface UIBarButtonItem (Extension)
+ (UIBarButtonItem *)itemWithImageName:(NSString *)imageName target:(id)target action:(SEL)action;
@end

#import "UIBarButtonItem+Extension.h"

@implementation UIBarButtonItem (Extension)
+ (UIBarButtonItem *)itemWithImageName:(NSString *)imageName target:(id)target action:(SEL)action
{
    UIButton *button = [[UIButton alloc] init];
    [button setBackgroundImage:[UIImage imageNamed:imageName] forState:UIControlStateNormal];
    
    // 设置按钮的尺寸为背景图片的尺寸
    button.size = button.currentBackgroundImage.size;
    
    // 监听按钮点击
    [button addTarget:target action:action forControlEvents:UIControlEventTouchUpInside];
    return [[UIBarButtonItem alloc] initWithCustomView:button];
}
@end

#import <UIKit/UIKit.h>

@interface UIView (Extension)
@property (nonatomic, assign) CGFloat x;
@property (nonatomic, assign) CGFloat y;
@property (nonatomic, assign) CGFloat centerX;
@property (nonatomic, assign) CGFloat centerY;
@property (nonatomic, assign) CGFloat width;
@property (nonatomic, assign) CGFloat height;
@property (nonatomic, assign) CGSize size;
@end

#import "UIView+Extension.h"

@implementation UIView (Extension)

- (void)setX:(CGFloat)x
{
    CGRect frame = self.frame;
    frame.origin.x = x;
    self.frame = frame;
}

- (CGFloat)x
{
    return self.frame.origin.x;
}

- (void)setY:(CGFloat)y
{
    CGRect frame = self.frame;
    frame.origin.y = y;
    self.frame = frame;
}

- (CGFloat)y
{
    return self.frame.origin.y;
}

- (void)setCenterX:(CGFloat)centerX
{
    CGPoint center = self.center;
    center.x = centerX;
    self.center = center;
}

- (CGFloat)centerX
{
    return self.center.x;
}

- (void)setCenterY:(CGFloat)centerY
{
    CGPoint center = self.center;
    center.y = centerY;
    self.center = center;
}

- (CGFloat)centerY
{
    return self.center.y;
}

- (void)setWidth:(CGFloat)width
{
    CGRect frame = self.frame;
    frame.size.width = width;
    self.frame = frame;
}

- (CGFloat)width
{
    return self.frame.size.width;
}

- (void)setHeight:(CGFloat)height
{
    CGRect frame = self.frame;
    frame.size.height = height;
    self.frame = frame;
}

- (CGFloat)height
{
    return self.frame.size.height;
}

- (void)setSize:(CGSize)size
{
//    self.width = size.width;
//    self.height = size.height;
    CGRect frame = self.frame;
    frame.size = size;
    self.frame = frame;
}

- (CGSize)size
{
    return self.frame.size;
}

@end

#import <UIKit/UIKit.h>

@interface UIImage (Extension)
+ (UIImage *)imageWithColor:(UIColor *)color;
@end

#import "UIImage+Extension.h"

@implementation UIImage (Extension)
+ (UIImage *)imageWithColor:(UIColor *)color
{
    CGFloat imageW = 100;
    CGFloat imageH = 100;
    // 1.开启基于位图的图形上下文
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(imageW, imageH), NO, 0.0);
    
    // 2.画一个color颜色的矩形框
    [color set];
    UIRectFill(CGRectMake(0, 0, imageW, imageH));
    
    // 3.拿到图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    
    // 4.关闭上下文
    UIGraphicsEndImageContext();
    
    return image;
}
@end

7：封装左侧菜单

#import <UIKit/UIKit.h>
@class HMLeftMenu;

@protocol HMLeftMenuDelegate <NSObject>
@optional
- (void)leftMenu:(HMLeftMenu *)menu didSelectedButtonFromIndex:(int)fromIndex toIndex:(int)toIndex;
@end

@interface HMLeftMenu : UIView
@property (nonatomic, weak) id<HMLeftMenuDelegate> delegate;
@end

#import "HMLeftMenu.h"
#import "HMLeftMenuButton.h"

@interface HMLeftMenu()
@property (nonatomic, weak) HMLeftMenuButton *selectedButton;
@end

@implementation HMLeftMenu

#pragma mark - 初始化
- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.backgroundColor = [UIColor clearColor];
        
        CGFloat alpha = 0.2;
        
        [self setupBtnWithIcon:@"sidebar_nav_news" title:@"新闻" bgColor:HMColorRGBA(202, 68, 73, alpha)];
        [self setupBtnWithIcon:@"sidebar_nav_reading" title:@"订阅" bgColor:HMColorRGBA(190, 111, 69, alpha)];
        [self setupBtnWithIcon:@"sidebar_nav_photo" title:@"图片" bgColor:HMColorRGBA(76, 132, 190, alpha)];
        [self setupBtnWithIcon:@"sidebar_nav_video" title:@"视频" bgColor:HMColorRGBA(101, 170, 78, alpha)];
        [self setupBtnWithIcon:@"sidebar_nav_comment" title:@"跟帖" bgColor:HMColorRGBA(170, 172, 73, alpha)];
        [self setupBtnWithIcon:@"sidebar_nav_radio" title:@"电台" bgColor:HMColorRGBA(190, 62, 119, alpha)];
    }
    return self;
}

- (void)setDelegate:(id<HMLeftMenuDelegate>)delegate
{
    _delegate = delegate;
    
    // 默认选中新闻按钮
    [self buttonClick:[self.subviews firstObject]];
//    [self buttonClick:self.subviews[1]];
}

/**
 *  添加按钮
 *
 *  @param icon  图标
 *  @param title 标题
 */
- (HMLeftMenuButton *)setupBtnWithIcon:(NSString *)icon title:(NSString *)title bgColor:(UIColor *)bgColor
{
    HMLeftMenuButton *btn = [[HMLeftMenuButton alloc] init];
    btn.tag = self.subviews.count;
    [btn addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchDown];
    [self addSubview:btn];
    
    // 设置图片和文字
    [btn setImage:[UIImage imageNamed:icon] forState:UIControlStateNormal];
    [btn setTitle:title forState:UIControlStateNormal];
    [btn setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    btn.titleLabel.font = [UIFont systemFontOfSize:17];
    
    // 设置按钮选中的背景
    [btn setBackgroundImage:[UIImage imageWithColor:bgColor] forState:UIControlStateSelected];
    
    // 设置高亮的时候不要让图标变色
    btn.adjustsImageWhenHighlighted = NO;
    
    // 设置按钮的内容左对齐
    btn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
    
    // 设置间距
    btn.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
    btn.contentEdgeInsets = UIEdgeInsetsMake(0, 30, 0, 0);
    
    return btn;
}

- (void)layoutSubviews
{
    [super layoutSubviews];
    
    // 设置按钮的frame
    int btnCount = self.subviews.count;
    CGFloat btnW = self.width;
    CGFloat btnH = self.height / btnCount;
    for (int i = 0; i<btnCount; i++) {
        HMLeftMenuButton *btn = self.subviews[i];
        btn.width = btnW;
        btn.height = btnH;
        btn.y = i * btnH;
    }
}

#pragma mark - 私有方法
/**
 *  监听按钮点击
 */
- (void)buttonClick:(HMLeftMenuButton *)button
{
    // 0.通知代理
    if ([self.delegate respondsToSelector:@selector(leftMenu:didSelectedButtonFromIndex:toIndex:)]) {
        [self.delegate leftMenu:self didSelectedButtonFromIndex:self.selectedButton.tag toIndex:button.tag];
    }
    
    // 1.控制按钮的状态
    self.selectedButton.selected = NO;
    button.selected = YES;
    self.selectedButton = button;
}
@end

8:封装右侧菜单

#import <UIKit/UIKit.h>

@interface HMRightMenuController : UIViewController
/**
 *  右边菜单全部显示出来
 */
- (void)didShow;
@end

#import "HMRightMenuController.h"
#import "HMRightMenuCenterViewRow.h"

@interface HMRightMenuController ()
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@property (weak, nonatomic) IBOutlet UIView *centerView;
@property (weak, nonatomic) IBOutlet UIView *bottomView;
@end

@implementation HMRightMenuController
- (void)viewDidLoad
{
    [super viewDidLoad];
    
    // 1.填充中间的内容
    [self setupCenterView];
    
    // 2.填充底部的内容
    [self setupBottomView];
}

/**
 *  填充中间的内容
 */
- (void)setupCenterView
{
    HMRightMenuCenterViewRow *row =[self setupCenterViewRow:@"商城 能赚能花，土豪当家" icon:@"promoboard_icon_mall"];
    [self setupCenterViewRow:@"活动 4.0发布会粉丝招募" icon:@"promoboard_icon_activities"];
    [self setupCenterViewRow:@"应用 金币从来都是这送的" icon:@"promoboard_icon_apps"];
    
    self.centerView.height = self.centerView.subviews.count * row.height;
}

- (HMRightMenuCenterViewRow *)setupCenterViewRow:(NSString *)title icon:(NSString *)icon
{
    HMRightMenuCenterViewRow *row = [HMRightMenuCenterViewRow centerViewRow];
    row.icon = icon;
    row.title = title;
    row.y = row.height * self.centerView.subviews.count;
    [self.centerView addSubview:row];
    return row;
}

/**
 *  填充底部的内容
 */
- (void)setupBottomView
{
    
}

- (void)didShow
{
    // 让头像旋转
//    [UIView animateWithDuration:1.0 animations:^{
//        self.iconView.layer.transform = CATransform3DMakeRotation(M_PI_2, 0, 1, 0);
//    } completion:^(BOOL finished) {
//        self.iconView.image = [UIImage imageNamed:@"user_defaultgift"];
//        
//        [UIView animateWithDuration:1.0 animations:^{
//            self.iconView.layer.transform = CATransform3DMakeRotation(M_PI, 0, 1, 0);
//        }];
//    }];
//    CATransition
//    CATransition *anim = [CATransition animation];
//    anim.duration = 1.0;
//    anim.type = @"rippleEffect";
//    [self.iconView.layer addAnimation:anim forKey:nil];
    
    [UIView transitionWithView:self.iconView duration:1.0 options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
        self.iconView.image = [UIImage imageNamed:@"user_defaultgift"];
    } completion:^(BOOL finished) {
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [UIView transitionWithView:self.iconView duration:1.0 options:UIViewAnimationOptionTransitionFlipFromRight animations:^{
                self.iconView.image = [UIImage imageNamed:@"default_avatar"];
            } completion:nil];
        });
    }];
}

@end

 

#import <UIKit/UIKit.h>

@interface HMRightMenuCenterViewRow : UIView
+ (instancetype)centerViewRow;

@property (nonatomic, copy) NSString *icon;
@property (nonatomic, copy) NSString *title;
@end

#import "HMRightMenuCenterViewRow.h"

@interface HMRightMenuCenterViewRow()
@property (weak, nonatomic) IBOutlet UIButton *titleView;
@property (weak, nonatomic) IBOutlet UIImageView *iconView;
@end

@implementation HMRightMenuCenterViewRow
+ (instancetype)centerViewRow
{
    return [[[NSBundle mainBundle] loadNibNamed:@"HMRightMenuCenterViewRow" owner:nil options:nil] lastObject];
}

- (void)setIcon:(NSString *)icon
{
    _icon = [icon copy];
    
    self.iconView.image = [UIImage imageNamed:icon];
}

- (void)setTitle:(NSString *)title
{
    _title = [title copy];
    
    [self.titleView setTitle:title forState:UIControlStateNormal];
}
@end

 

三：知识点总结：

1：启动图的广告展示界面：1：创建启动图展示控制器，其中广告的图片一般是从服务器获取，搞个定时器，GCD延迟函数，经过一段时间后，再切换窗口的根视图控制器为主控制器。 UIWindow *window = [UIApplication sharedApplication].keyWindow;keyWindow为主窗口，负责键盘处理和文本框输入事件，若是textView，textField不能处理-输入事件，或是响应键盘则判断当前显示窗口是否是主窗口keyWindow。2：其中还可以通过keyWindow获取rootViewController，和当前显示的导航控制器，keyWindow.rootViewController, TabBarVC *tab =  keyWindow.rootViewController; NAV *nav = tab.selecteViewcontroller;得到当前显示的导航控制器，nav.viewControllers,得到当前导航控制器栈里的所有控制器。

2：sattic const 定义常量来代替宏定义： static const CGFloat HMNavShowAnimDuration = 0.25;来代替 #define HMNavShowAnimDuration 0.25 ,因为static const定义的常量在系统中只会开辟一份内存，而#define，所定义的每一个常量都会开辟一份临时的内存空间。用static修饰的全局变量，只能是全局变量，该变量才会限制在本类中使用，外部不可以访问，若不加static，则用ertern，就可以在其他类中访问该变量。const在前在后都是一样的，定义字符串变量时，static NSString * const name = @"name";则指针name不可改变。const修饰变量或是常量时，就看const右侧是什么，则const右侧的指针或是变量不可改变。

3：创建子控制器addChildViewController:苹果官方建议当控制器互为父子关系时，控制器上的view也应该为父子关系。1：将创建子控制器的代码封装起来，创建子控制器对象，将子控制对象和title作为参数传入。2：titleView的封装：1：因为titleView为图片和文字构成，所以用button去封装titleView，创建控件继承UIButton，设置自身属性，btn的ennable，或是userenable为NO，titleLable.font，titleColor，setImage，btn.adjustImageWhenHeighlight(当setImage时)，titleEdgeInsets，imageEdgeInset,contentEdgeInset,继承UIcontrol的contentHorizanAliment(整个btn文本的对其方式),btn的高度，self.height =self.currentImage.size.height;self.currentImage获得当前的image，btn.currentBackgroundImage,获得背景图片 2：懒加载子控件，添加到父视图上，无 3：layoutSubView布局子控件 4：向外界提供model接口，重写model的set方法，外界提供title接口，重写title的set方法，btn要设置自身的宽度自适应，用boundingRectWithSize，如下：

 NSDictionary *attrs = @{NSFontAttributeName : self.titleLabel.font};    CGFloat titleW = [title boundingRectWithSize:CGSizeMake(MAXFLOAT, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:attrs context:nil].size.width; self.width = titleW + self.titleEdgeInsets.left + self.currentImage.size.width;

 其中,只要赋值，就调用set方法，想获得此变量，就调用get方法，没必要再UIFont去设置，boundingRectWithSize，单行绘制文本时，两个参数都穿MAXFLOAT,基于基线绘制NSStringDrawingUsesLineFragmentOrigin，若是多行，则先设置lable.numberoflines = 0;再限制宽度或是高度，参数采用基线绘制，NSStringDrawingUsesLineFragmentOrigin，和行间距 NSStringDrawingUsesFontLeading。总的宽度就为，image的宽度+self.titleEdgeInsets.left+self.currentImage.size.width。其中titleEdgeInsets的设置，指的是距离左侧图片的距离，为正数，则指的是右侧距离

4：自定义导航栏上的左右item，自定义btn，btn setBackgroundImage,图片为按钮的背景图片，btn的大小为图片的大小， button.size = button.currentBackgroundImage.size;

5：封装导航控制器：1：继承系统导航控制器，因为设置全局导航栏的属性，只需设置一次就好，所以写在+ (void)initialize里，该方法只在该方法所在类第一个方法被调用之前被调用一次，只在整个项目中只会调用一次。先获得全局导航栏，item对象,利用settitleTextAttribute forState属性,可以设置不同状态下的属性 2：左右item距离屏幕左右边框的距离很大，想要调整，1：可遍历系统控件的子控件，找出左右按钮，再设置左右按钮的frame 2：自定义bar用kvc代替系统的bar：新建类继承系统的bar，在layoutSubView方法中，则子类继承了系统bar的属性，遍历子控件数组，self.subViews,在遍历时，要做条件过滤，不符合条件的直接return，或是continue。找到子控件的时候停止遍历，做性能优化。找到左右按钮后，判断左右按钮的btn的center与中点比较，看是哪个左右item。3：设置完frame之后，再在封装的nav控制器中创建对象，setValue forKeyPath ，kvc来代替系统的控件，第二个参数，就是nav控制器下属性定义的navBar，调用此方法，得是某个控制器下的某个属性

  // 替换为自定义的导航栏    [self setValue:[[HMNavigationBar alloc] init] forKeyPath:@"navigationBar"];4:其中：layoutSubView方法只适用于在UIView中，在控制器中调整子控件可以重写系统方法：- (void)viewDidLayoutSubviews,但是不要忘记调用super

6：[self addChildViewController:nav];1：添加子控制器，能则父控制器就对子控制器有一个强引用，只要父控制器在，则子控制器就在，而且控制器互为父子关系，则他们的view也应该互为父子关系。2：子控制器数组：self.childViewControllers,得到子控制器数组，只读，子控制器从父控制器移除，subNav removeFromParentViewController ,获得父控制器：subNav.parentViewController

 7:封装左侧菜单：1:有背景的话可以继承UIImageView,但要开启用户交互权限，也可以继承UIView,设置背景图片时，添加UIImageView，或是view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:]];,平铺图片，或有间隔线，或是调用drawInRect，画上一张图片 2：先设置自身的属性，clearcolor 3：懒加载控件，设置控件属性，添加到父视图上，创建相同的控件，例如button，可以采用for循环创建，也可以一个一个创建，传title，image，枚举tag值或是其他参数，封装一个button，创建对象，setImage，btn.adjust,setBackgroudImage,可以设枚举tag值，也可以通过设置self.subViews.count为tag值，也可以设置titleEdgeInset，ImageEdgeInset，contentEdgeInset，继承UIcontrol的也可以用contentHorizanAliment(文本的对齐方式),在layoutSubView里设置控件的frame，1:属性，成员变量 ，通过tag值取出，若是有多个子控件，可以设置tag值，遍历子控件数组，通过tag值将子控件取出2：放在大数组里，从数组里取出，若是又有button又有其他控件，则两两分别放在数组里，分别从数组里取出，设置frame 3:遍历subView，从subViews的数组里取出。4：设置按钮的回调：1：可通过协议代理，通知 ，block ，协议代理，block适用于层级较浅的回调，通知，多播委托适用于层级较深的结构 2 ：若是监听系统的控件：继承UIControl的可以addTarget，可以系统的代理，系统通知，子类若没有查看父类，也可以重写系统的方法，不要忘记调用super方法，来实现监听 3：按钮的协议代理，传枚举tag值是为了在控制器实现监听点击，传fromIndex，传toIndex，是为了从数组取出旧的移除，并添加新的 4：按钮的回调方法，两个按钮状态的判断，btn.selected = !btn.isSelected,三个按钮切换状态则用按钮三部曲，若是传index则把代理方法放前面 5：设置按钮默认选中：1：直接设哪个按钮被选中，再设seletedBtn 2：返回按钮，调用按钮的点击方法，要考虑需不需要重写代理的setDelegate方法在该方法中设置按钮的默认选中。

8：transform属性：1：当点击左上角按钮的时候，先进行缩放，在进行平移，在缩放的基础上进行平移，求缩放比例：缩放后的高度 = 屏幕高度 - 上下间距 ，用缩放的高度与原高度的比值就是缩放比例，在UIView的动画中先进行缩放，再在缩放的基础上进行平移，平移的距离，1-缩放比例，就为剩下的长度比例，0.5倍，就是缩放后的view的实际距屏宽度。2：在动画结束的时候设置一个遮盖效果，遮盖效果：1：可以为一个view，添加手势，2：也可以另遮盖为一个button，监听button的点击事件，button在此处不能为成员变量，button的点击事件中，动画先将transform清空，完成时，将button从父视图移除。3：监听点击事件：1：继承UIControl的可以addTarget 2：添加手势监听器 3：实现touch beagn，touch end，touch cancle 方法，配合UITouch，使用，UITouch *touch = [UITouch anyObject]; touch.view可以获得触摸点点击的view，CGPoint point = [touch locationInView:touch.view];此方法可获得触摸点，其中触摸点的是基于touch.view来计算的，如果此参数填父视图view，则是基于整个父视图来计算的。然后一般是遍历数组，做条件过滤，利用CGRectContainPoint方法，根据触摸点求出矩形框的rect，找到结果后停止遍历 4：transform是二维旋转，view的图层layer是三维动画，view.layer.transform = CAAFfitransform(，，，，);最后三个参数为xyz轴，若是010，则是绕着y轴上1点与原点连线的的向量旋转，第一个参数为旋转的角度。5：动画效果：1：二维动画：UIView + transform 2:三维动画：UIView +view.layer.transform  = CAAFi ,注意三个参数  3：转场动画：也就是翻转动画，[UIView transition...];翻转动画有各种参数值 4：三维动画也可以用CATranstion,CATranstion *ad = [CATranstion animation];ad.duration 动画时间，ad.type,动画的方式，字符串，[self.iconaImageView.layer addAnimation: ad forkey:nil];

9：监听左侧菜单按钮的回调事件：效果是，点击左侧按钮，切换视图，动画清空transform。将旧的控制器取出，view从父视图上移除，再将新控制器取出，将新控制器的view添加到父视图上，此时可以不必设置新view的frame，默认为父视图的bounds。将旧控制器的transform赋值给新的控制器的transform，更新当前的控制器，动画回去，此时就是清空新控制器的transform，相当于点击了旧控制器的遮盖，将按钮从父视图上取出，调用按钮点击方法。

10：在使用xib绘制界面的时候，有时明明尺寸设置正确，但是就不能正常显示，1：此时可以禁用autoLayout 2：setNeedsLayOut ,layOutIfNeed配合使用，异步调用layoutSubView，重新计算尺寸。3：当xib加载完毕后会调用awakeFromNib,在此方法中可以设置xib中控件的一些属性，当xib中已经设置了控件的尺寸，在外部依然可以修改xib中控件的尺寸

11：右侧菜单的封装设计：1：对于控制器和view来说，要采取分层封装的思想，就是将view和或是控制器切分成一个个模块，将零散的控件封装在一个整体内，然后再考虑整个项目中其他地方有没有用到，若用到则考虑继承关心A继承B，或是B继承A，或是将AB公共部分抽成父类C，AB分别继承父类C，不同的部分在AB中单独实现 2：右侧的菜单封装，可以采取三种封装方法：1：看成是一个tableView，table的headerView，tableView，table的footerView 但是没有cell的复用，且按钮的回调监听，太复杂 2：还可以考虑封装一个大view，再将上中下封装为三个小view添加到大view上，但是同样涉及的问题就是按钮的监听回调太麻烦 3：考虑用一个控制器，在控制器内实现按钮的监听，在控制器内再将整体封装为上中下三个view。2：对于顶部view的封装以及动画，顶部view中的头像的翻转就用转场动画，每执行一次转场动画，转360度，并更换图片，动画完成时，执行GCD延迟函数，在执行一个转场动画转回来，再更改frame 3：中间View的封装，按钮会点亮，调用的是button的btn.showTouchWhenHeighlight。此方法若是button有图片，则只在button的图片处点亮，再将每一行封装为一个View,点图片和箭头都会亮，则其肯定为一个整体，所以可以考虑button为整个背景，将图片和箭头添加到button上，因为当点击图片和箭头时，默认没有开启用户的交互权限，通过的事件的传递可以找到触摸点所在的view，但是该view不能处理事件，则事件会又子控件传递给父控件去处理，也就是交给button去处理，buttonn能处理所以点击图片箭头都会被点亮 4：设置每个封装view的y值，view.y = self.subViews.count *height;总高度，self.subViews.count *height