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 + , -self.center.y + );
         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][];
 }
 @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(, -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的倍数
         NSException *exc = [NSException exceptionWithName:@"items个数不符合" reason:@"items的个数必须是3的倍数" userInfo:nil];
         [exc raise];
     }

     // 行数计算公式  row = (count - 1) / cols + 1
     NSInteger row = (count - ) / ChaosCols + ;

     ChaosDownMenu *downMenu = [[ChaosDownMenu alloc] init];

     downMenu.items = items;

     // width: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(, -(row * ChaosItemWH));

     [UIView animateWithDuration:0.5 delay: usingSpringWithDamping:0.3 initialSpringVelocity: options:UIViewAnimationOptionCurveEaseInOut animations:^{

         downMenu.transform = CGAffineTransformIdentity;

     } completion:^(BOOL finished) {

         [blackView removeFromSuperview];

     }];
     return downMenu;
 }

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

         UIView *view = [[UIView alloc] init];
         view.frame = CGRectMake(, (i + ) * ChaosItemWH, self.width, );
         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 = ;
     CGFloat y = ;
     for (int i = ; 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