ios之记录动画弹出视图方法

新建视图文件内容

//
//  TCView.h
//  BottomPopViewDemo
//
//  Created by yanjinlin on 2019/6/11.
//  Copyright © 2019 yanjinlin. All rights reserved.
//

#import <UIKit/UIKit.h>


typedef enum {
    FormLeft = 0,   //左边
    FormRight,      //右边
    FormBottom,     //底部
    FormTop,        //顶部
} formType;

@interface TCView : UIView

/**
 初始化数据

 @param frame 背景遮罩的大小
 @param type 出来的方向
 @param popviewHeight 需要弹出视图的高度（如果是左右的 为宽度）
 @return 无
 */
-(instancetype)initWithFrame:(CGRect)frame formtype:(formType)type popviewHeight:(CGFloat)popviewHeight;
/**
 显示视图
 */
-(void)show;
/**
 关闭视图
 */
-(void)close;
/**
 弹出方向记录
 */
@property (nonatomic, assign) formType type;
/**
 需要弹出视图的高度（如果是左右的 为宽度）
 */
@property (nonatomic, assign) CGFloat  popviewHeight;
@end


//
//  TCView.m
//  BottomPopViewDemo
//
//  Created by yanjinlin on 2019/6/11.
//  Copyright © 2019 yanjinlin. All rights reserved.
//

#import "TCView.h"

#define SCREEN_WIDTH  ([[UIScreen mainScreen] bounds].size.width)
#define SCREEN_HEIGHT ([[UIScreen mainScreen] bounds].size.height)
#define SCREEN_SCALE  ((SCREEN_WIDTH > 414) ? (SCREEN_HEIGHT/375.0) : (SCREEN_WIDTH/375.0))
#define Handle(x)        ((x)*SCREEN_SCALE)

#define UIColorFromHEXA(hex,a) [UIColor colorWithRed:((hex & 0xFF0000) >> 16) / 255.0f green:((hex & 0xFF00) >> 8) / 255.0f blue:(hex & 0xFF) / 255.0f alpha:a]
@interface TCView()

@property(nonatomic,strong) UIView      * BottomView;   //底部出来的
@property(nonatomic,strong) UIView      * TopView;      //上面出来
@property(nonatomic,strong) UIView      * LeftView;     //左边出来
@property(nonatomic,strong) UIView      * RightView;    //右边出来

@end

@implementation TCView

-(instancetype)initWithFrame:(CGRect)frame formtype:(formType)type popviewHeight:(CGFloat)popviewHeight{
    
    self = [super initWithFrame:frame];
    if (self) {
        self.backgroundColor    =  UIColorFromHEXA(0x000000, 0.5);
        self.type               = type;
        self.popviewHeight      = popviewHeight;
        [self creatUI];
        
    }
    
    return self;
}

-(void)creatUI{
    
    switch (self.type) {
        case FormLeft:
        {
            UIView  *BottomView         =   [[UIView alloc]initWithFrame:CGRectMake(-self.popviewHeight, 0, self.popviewHeight,SCREEN_HEIGHT)];
            _LeftView                   =   BottomView;
            BottomView.backgroundColor  =   [UIColor whiteColor ];
            UIBezierPath *maskPath      =   [UIBezierPath bezierPathWithRoundedRect:BottomView.bounds byRoundingCorners:UIRectCornerBottomRight | UIRectCornerTopRight cornerRadii:CGSizeMake(10, 10)];
            CAShapeLayer *maskLayer     =   [[CAShapeLayer alloc] init];
            maskLayer.frame             =   BottomView.bounds;
            maskLayer.path              =   maskPath.CGPath;
            BottomView.layer.mask       =   maskLayer;
        }
            break;
        case FormRight:
        {
            UIView  *BottomView         =   [[UIView alloc]initWithFrame:CGRectMake(SCREEN_WIDTH, 0, self.popviewHeight,SCREEN_HEIGHT)];
            _RightView                   =   BottomView;
            BottomView.backgroundColor  =   [UIColor whiteColor ];
            UIBezierPath *maskPath      =   [UIBezierPath bezierPathWithRoundedRect:BottomView.bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerTopLeft cornerRadii:CGSizeMake(10, 10)];
            CAShapeLayer *maskLayer     =   [[CAShapeLayer alloc] init];
            maskLayer.frame             =   BottomView.bounds;
            maskLayer.path              =   maskPath.CGPath;
            BottomView.layer.mask       =   maskLayer;
        }
            
            break;
        case FormBottom:
        {
            UIView  *BottomView         =   [[UIView alloc]initWithFrame:CGRectMake(0, self.frame.size.height, SCREEN_WIDTH,self.popviewHeight)];
            _BottomView                 = BottomView;
            BottomView.backgroundColor  =   [UIColor whiteColor];
            UIBezierPath *maskPath      =   [UIBezierPath bezierPathWithRoundedRect:BottomView.bounds byRoundingCorners:UIRectCornerTopLeft | UIRectCornerTopRight cornerRadii:CGSizeMake(10, 10)];
            CAShapeLayer *maskLayer     = [[CAShapeLayer alloc] init];
            maskLayer.frame             = BottomView.bounds;
            maskLayer.path              = maskPath.CGPath;
            BottomView.layer.mask       = maskLayer;
            
            UILabel *lab        = [UILabel new];
            lab.text            = @"这是pop视图";
            lab.textAlignment   = NSTextAlignmentCenter;
            lab.font            = [UIFont systemFontOfSize:16];
            lab.textColor       = [UIColor redColor];
            lab.frame           = CGRectMake(0, 10, SCREEN_WIDTH, 20);
            [_BottomView addSubview:lab];
        }break;
        case FormTop:
        {
            UIView  *BottomView         =   [[UIView alloc]initWithFrame:CGRectMake(0, -self.popviewHeight, SCREEN_WIDTH,self.popviewHeight)];
            _TopView                = BottomView;
            BottomView.backgroundColor  =   [UIColor whiteColor];
            UIBezierPath *maskPath      =   [UIBezierPath bezierPathWithRoundedRect:BottomView.bounds byRoundingCorners:UIRectCornerBottomLeft | UIRectCornerBottomRight cornerRadii:CGSizeMake(10, 10)];
            CAShapeLayer *maskLayer     = [[CAShapeLayer alloc] init];
            maskLayer.frame             = BottomView.bounds;
            maskLayer.path              = maskPath.CGPath;
            BottomView.layer.mask       = maskLayer;
        }
            break;
        default:
            break;
    }
}

//关闭
-(void)close{
    
    [UIView  animateWithDuration:0.15 animations:^{
        self.BottomView.transform = CGAffineTransformIdentity;
        self.LeftView.transform = CGAffineTransformIdentity;
        self.RightView.transform = CGAffineTransformIdentity;
        self.TopView.transform = CGAffineTransformIdentity;
        
    } completion:^(BOOL finished) {
        [self removeFromSuperview];
    }];
}

//展示
-(void)show{
    
    switch (self.type) {
        case FormLeft:
        {
            [[UIApplication sharedApplication].keyWindow addSubview:self];
                [self addSubview:self.LeftView];
            [UIView animateWithDuration:0.15 animations:^{
                self.LeftView.transform = CGAffineTransformMakeTranslation(self.popviewHeight,0);
            } completion:^(BOOL finished) {
                
            }];
        }
            break;
        case FormRight:
        {
            [[UIApplication sharedApplication].keyWindow addSubview:self];
            [self addSubview:self.RightView];
            [UIView animateWithDuration:0.15 animations:^{
                self.RightView.transform = CGAffineTransformMakeTranslation(-self.popviewHeight,0);
            } completion:^(BOOL finished) {
                
            }];
        }
            break;
        case FormBottom:
        {
            [[UIApplication sharedApplication].keyWindow addSubview:self];
                [self addSubview:self.BottomView];
            [UIView animateWithDuration:0.15 animations:^{
                self.BottomView.transform = CGAffineTransformMakeTranslation(0, -self.popviewHeight);
            } completion:^(BOOL finished) {
                
            }];
        }break;
        case FormTop:
        {
            [[UIApplication sharedApplication].keyWindow addSubview:self];
                [self addSubview:self.TopView];
            [UIView animateWithDuration:0.15 animations:^{
                self.TopView.transform = CGAffineTransformMakeTranslation(0, self.popviewHeight);
            } completion:^(BOOL finished) {
                
            }];
        }
            break;
        default:
            break;
    }
}

#pragma mark - 点击空白消失
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    
    UITouch *touche = [touches anyObject];//获取触摸的东西
    CGPoint point   = [touche locationInView:self];//确定触摸的东西是自己
    CGFloat height  = self.BottomView.frame.size.height;
    BOOL b          =  CGRectContainsPoint(CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT-height), point);
    //    该函数CGRectContainsPoint(CGRect rect, CGPoint point)是用于判断，参数2point是否包含在参数1rect中。
    if (b)
    {
        [self close];
    }
}

@end

调用方法 UIViewController

//
//  ViewController.m
//  BottomPopViewDemo
//
//  Created by yanjinlin on 2019/6/11.
//  Copyright © 2019 yanjinlin. All rights reserved.
//

#define SCREEN_WIDTH  ([[UIScreen mainScreen] bounds].size.width)
#define SCREEN_HEIGHT ([[UIScreen mainScreen] bounds].size.height)
#define SCREEN_SCALE  ((SCREEN_WIDTH > 414) ? (SCREEN_HEIGHT/375.0) : (SCREEN_WIDTH/375.0))
#define Handle(x)        ((x)*SCREEN_SCALE)

#import "ViewController.h"
#import "TCView.h"
@interface ViewController ()
@property (nonatomic, strong) TCView * tcview;//初始化
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    _tcview = [[TCView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) formtype:FormBottom popviewHeight:Handle(350)];//底部
//    _tcview = [[TCView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) formtype:FormLeft popviewHeight:Handle(200)];//左边
//    _tcview = [[TCView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) formtype:FormRight popviewHeight:Handle(200)];//右边
//    _tcview = [[TCView alloc]initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT) formtype:FormTop popviewHeight:Handle(350)];//顶部

}

#pragma mark - 点击空白
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    
    [_tcview show];
    /*
    UITouch *touche = [touches anyObject];//获取触摸的东西
    CGPoint point   = [touche locationInView:self.view];//确定触摸的东西是自己
    CGFloat height  = SCREEN_WIDTH/2;
    BOOL b          =  CGRectContainsPoint(CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT-height), point);
    //    该函数CGRectContainsPoint(CGRect rect, CGPoint point)是用于判断，参数2point是否包含在参数1rect中。
    if (b)
    {
       [_tcview show];
    }else{
        NSLog(@"点击下面啊");
    }
     */
}

@end

底部效果图 其他控件可自行添加到相应的BottomView 中

底部弹出效果.png

[百度云链接:https://pan.baidu.com/s/1WuSgoxFOi_4pzBmIMtGgBg 密码:aqsf]

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 194,088评论 5赞 459
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 81,715评论 2赞 371
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 141,361评论 0赞 319
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 52,099评论 1赞 263
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 60,987评论 4赞 355
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 46,063评论 1赞 272
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 36,486评论 3赞 381
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 35,175评论 0赞 253
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 39,440评论 1赞 290
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2赞 309
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1赞 326
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 32,190评论 3赞 312
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 37,550评论 3赞 298
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0赞 17
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1赞 250
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2赞 341
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2赞 335