iOS*项目--第二天，自定义蒙版、封装活动菜单、自定义pop菜单

一、自定义蒙版--封装控件，先想好外界怎么来调用，根据外界调用的方法，然后进入内部实现

• 在外部，调用蒙版的方法--[ChaosCover show];　　[ChaosCover hide];
• 内部实现

#import "ChaosCover.h"

@implementation ChaosCover
+ (void)show
{
    // 创建HUD
    ChaosCover *cover = [[ChaosCover alloc] initWithFrame:ChaosScreenBounds];
    cover.backgroundColor = [UIColor blackColor];
    cover.alpha = 0.5;
    // 添加到主窗口上
    [ChaosKeyWindow addSubview:cover];
}

+ (void)hide
{
    // 遍历主窗口的子控件，找出HUD
    for (UIView *childView in ChaosKeyWindow.subviews) {
        if ([childView isKindOfClass:self]) {
            [childView removeFromSuperview];
        }
    }
}
@end

二、封装活动菜单--在蒙版上显示，点击叉叉，动画形式消失在左上角

• 使用xib描述了活动菜单的内容

• 外部的调用也是显示  和隐藏（动画形式）两个方法，此外 外部还要监听叉叉的点击。动画完成后模仿了系统动画完成传递block的方法来解决

@implementation ChaosActiveMenu
- (IBAction)closeBtn:(id)sender {
    if ([_delegate respondsToSelector:@selector(activeMenuDidClickClose:)]) {
        [_delegate activeMenuDidClickClose:self];
    }
}

// 封装类方法，让隐藏的点由外部决定
+ (void)hideInpoint:(CGPoint)point completion:(void(^)())completion
{
    for (ChaosActiveMenu *childView in ChaosKeyWindow.subviews) {
        if ([childView isKindOfClass:self]) {
            [childView setUpHideAnimationWithPoint:point completion:completion];
        }
    }
    
}

// 根据点坐标，设置隐藏的动画
- (void)setUpHideAnimationWithPoint:(CGPoint)point completion:(void(^)())completion
{
    [UIView animateWithDuration:0.5 animations:^{
        
        CGAffineTransform translate = CGAffineTransformMakeTranslation( -self.center.x + 44, -self.center.y + 44);
        CGAffineTransform translateScale = CGAffineTransformScale(translate, 0.01, 0.01);
        self.transform = translateScale;
        
    } completion:^(BOOL finished) {
        // HUD 移除
        [self removeFromSuperview];
        if (completion) {
            completion();
        }
    }];
    
}

// 根据点坐标显示activeMenu
+ (instancetype)showInPoint:(CGPoint)point
{
    // 显示活动的图片
    ChaosActiveMenu *menu = [ChaosActiveMenu activeMenu];
    menu.center = point;
    [ChaosKeyWindow addSubview:menu];
    return menu;
}


+ (instancetype)activeMenu
{
    return [[NSBundle mainBundle] loadNibNamed:NSStringFromClass([ChaosActiveMenu class]) owner:nil options:nil][0];
}
@end

• 在运用block的时候遇到了点问题，自己对block运用的是不很熟练

三、自定义下拉菜单--带弹簧效果。

--行数计算公式  row = (count - 1) / cols + 1;九宫格布局应该经常用

--分割线的巧妙添加

--自己做动画方面不足，通过这个例子学到了，先利用transform将空间平移，之后通过取消平移downMenu.transform = CGAffineTransformIdentity;来做动画

@interface ChaosDownMenu ()
/** items */
@property(nonatomic,strong) NSArray *items;
/** 子控件按钮集合 */
@property(nonatomic,strong) NSMutableArray *btnArray;
@end

@implementation ChaosDownMenu

- (NSMutableArray *)btnArray
{
    if (_btnArray == nil) {
        _btnArray = [NSMutableArray array];
    }
    return _btnArray;
}

#pragma mark - 隐藏downMenu的方法
- (void)hide
{
    [UIView animateWithDuration:0.3 animations:^{
        
        self.transform = CGAffineTransformMakeTranslation(0, -self.height);
        
    } completion:^(BOOL finished) {
        
        [self removeFromSuperview];
    }];
}

#pragma mark - 根据坐标点 和 子控件按钮的模型集合 初始化
+ (instancetype)showInView:(UIView *)superView point:(CGPoint)point items:(NSArray *)items
{
    NSInteger count = items.count;
    
    if (count % 3) { // 模型个数不是3的倍数
        NSException *exc = [NSException exceptionWithName:@"items个数不符合" reason:@"items的个数必须是3的倍数" userInfo:nil];
        [exc raise];
    }
    
    // 行数计算公式  row = (count - 1) / cols + 1
    NSInteger row = (count - 1) / ChaosCols + 1;
    
    ChaosDownMenu *downMenu = [[ChaosDownMenu alloc] init];
    
    downMenu.items = items;
    
    // ChaosScreenBounds.size.width height:row * itemWH
    downMenu.frame = CGRectMake(point.x, point.y, ChaosScreenBounds.size.width, row * ChaosItemWH);
    
    downMenu.backgroundColor = [UIColor blackColor];
    
    // 添加所有子控件
    [downMenu setUpAllBtns:items];
    
    // 添加分割线
    [downMenu setUpDivideView];
    
    // 添加黑色的view,防止动画的时候漏出后面父控件的白色
    UIView *blackView = [[UIView alloc] initWithFrame:downMenu.frame];
    
    blackView.backgroundColor = [UIColor blackColor];
    
    [superView addSubview:blackView];
    
    [superView addSubview:downMenu];
    
    // 动画--首先让menu平移上去
    downMenu.transform = CGAffineTransformMakeTranslation(0, -(row * ChaosItemWH));
    
    [UIView animateWithDuration:0.5 delay:0 usingSpringWithDamping:0.3 initialSpringVelocity:10 options:UIViewAnimationOptionCurveEaseInOut animations:^{
        
        downMenu.transform = CGAffineTransformIdentity;
        
    } completion:^(BOOL finished) {
        
        [blackView removeFromSuperview];
        
    }];
    return downMenu;
}

- (void)setUpDivideView
{
    // 添加纵向分割线
    // 纵向分割线的数目
    NSInteger colsViewCount = ChaosCols - 1;
    // 纵向分割线的xywh
    for (int i = 0; i <colsViewCount; i++) {
        UIView *view = [[UIView alloc] init];
        view.frame = CGRectMake((i + 1) * ChaosItemWH, 0, 1, self.height);
        view.backgroundColor = [UIColor whiteColor];
        [self addSubview:view];
    }
    // 添加横向分割线
    // 横向分割线条数
    NSInteger rowViewCount = (self.items.count - 1) / ChaosCols;
    for (int i = 0; i < rowViewCount; i++) {
        
        UIView *view = [[UIView alloc] init];
        view.frame = CGRectMake(0, (i + 1) * ChaosItemWH, self.width, 1);
        view.backgroundColor = [UIColor whiteColor];
        [self addSubview:view];
    }
}

#pragma mark - 添加子控件
- (void)setUpAllBtns:(NSArray *)items
{
    for (ChaosMenuItem *item in items) {
        UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
        [btn setTitle:item.title forState:UIControlStateNormal];
        [btn setImage:item.image forState:UIControlStateNormal];
        btn.backgroundColor = [UIColor blackColor];
        [self.btnArray addObject:btn];
        [self addSubview:btn];
    }
}

#pragma mark - 布局子控件
- (void)layoutSubviews
{
    [super layoutSubviews];
    
    CGFloat x = 0;
    CGFloat y = 0;
    for (int i = 0; i < self.btnArray.count; i ++) {
        UIButton *btn = self.btnArray[i];
        int rowNO = i / ChaosCols;
        int colsNO = i % ChaosCols;
        x = colsNO * ChaosItemWH;
        y = rowNO * ChaosItemWH;
        btn.frame = CGRectMake(x, y, ChaosItemWH, ChaosItemWH);
    }
}

@end