类似于微信首页右上角弹出view

闲来无事，试着写写我的第一篇博客，只为了以后自己找着方便本人是一个菜鸟级程序猿，没有高级的代码片段，全是基础代码

首先创建一个继承于UIView的类，自行取名，此处我取名为RightView

RightView.h中：

#import 

@class RightView;
@protocol RightViewDelegate 
//view 的代理，点击view上某一行执行的动作
- (void)rightView:(RightView *)rightView didSelectedIndex:(NSInteger)index;
@end

typedef void(^dismissCompletion)(void);//定义一个block，用于执行view消失后的操作

@interface RightView : UIView

@property (nonatomic, assign) iddelegate;

@property (nonatomic, assign) BOOL isShow;//用来记录view是否是展示状态



- (instancetype)initWithTitleArray:(NSArray *)titleArray imageArray:(NSArray *)imageArray origin:(CGPoint)rightViewPoint  width:(CGFloat)width triangleOrigin:(CGPoint)triangleOrigin;//titleArray:文本信息数据源数组    imageArray:图片数据源数组  rightViewPoint:本身起点坐标  width:本身宽度   triangleOrigin:所属三角起点坐标
- (void)showInView:(UIView *)aView;//展示view
- (void)dismissFromSuperView:(dismissCompletion)completion;//view消失 移除

@end

RightView.m中：

#import "RightView.h"

#define triangleHeight  6

@implementation RightView{
    
    UITableView             *table;
    CGPoint                 rightViewOriginalOrigin;//定义一个point记录view原始位置
    CGFloat                 rightViewOriginalWidth;//定义一个值记录view原始宽度
    CGFloat                 triangleOriginX;//定义一个值记录三角起始坐标的x坐标
    CGRect                  rightViewOriginalFrame;
    NSArray                 *titlesArray;
    NSArray                 *imagesArray;
}

- (instancetype)initWithTitleArray:(NSArray *)titleArray imageArray:(NSArray *)imageArray origin:(CGPoint)rightViewPoint  width:(CGFloat)width triangleOrigin:(CGPoint)triangleOrigin{
    self = [super init];
    if (self) {
        
        titlesArray = titleArray;
        imagesArray = imageArray;
        
        CGRect selfFrame = self.frame;
        selfFrame.origin.x = rightViewPoint.x;
        selfFrame.origin.y = rightViewPoint.y;
        selfFrame.size.width = width;
        selfFrame.size.height = 40*titleArray.count + triangleHeight;
        self.frame = selfFrame;
        
        rightViewOriginalOrigin = rightViewPoint;
        rightViewOriginalWidth = width;
        rightViewOriginalFrame = selfFrame;
        triangleOriginX = triangleOrigin.x;
        
        [self createTableView];
    }
    
    return self;
}

- (void)createTableView{
    
    table = [[UITableView alloc] initWithFrame:CGRectMake(0, triangleHeight, self.frame.size.width, self.frame.size.height - triangleHeight) style:UITableViewStylePlain];
    table.delegate = self;
    table.dataSource = self;
    table.layer.cornerRadius = 5.0f;
    table.scrollEnabled = NO;
    [self addSubview:table];
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    
    return titlesArray.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    static NSString *cellIdentifier = @"rightViewCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
    if (!cell) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:cellIdentifier];
        
        cell.selectionStyle = UITableViewCellSelectionStyleNone;
    }
    
    //    取值
    NSString *titleStr = [titlesArray objectAtIndex:indexPath.row];
    NSString *imageNameStr = [imagesArray objectAtIndex:indexPath.row];
    
    //在cell上创建一个imageView显示图片
    UIImageView *cellImage = [[UIImageView alloc] initWithFrame:CGRectMake(10, 7.5, 25, 25)];
    [cell.contentView addSubview:cellImage];
    
    //在cell上创建一个label显示文字信息
    UILabel *titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(40, 10, tableView.frame.size.width - 55, 20)];
    titleLabel.font = [UIFont systemFontOfSize:14];
    [cell.contentView addSubview:titleLabel];
    
    if (imageNameStr != nil && ![imageNameStr isEqualToString:@""]) {
        cellImage.hidden = NO;
        titleLabel.frame = CGRectMake(40, 10, tableView.frame.size.width - 55, 20);
    }
    else{
        cellImage.hidden = YES;
        titleLabel.frame = CGRectMake(10, 10, tableView.frame.size.width - 15, 20);
    }
    
    //在cell上创建一个label用作分割线
    UILabel *lineLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 40, rightViewOriginalWidth - 15, 0.5)];
    lineLabel.backgroundColor = [UIColor grayColor];
    [cell.contentView addSubview:lineLabel];
    
    
    
    cellImage.image = [UIImage imageNamed:imageNameStr];
    titleLabel.text = titleStr;
    
    return cell;
}


- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
    
    return 40;
}

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    
    if (_delegate && [_delegate respondsToSelector:@selector(rightView:didSelectedIndex:)]) {
        [_delegate rightView:self didSelectedIndex:indexPath.row];
    }
    
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
    [self dismissFromSuperView:nil];
}

- (void)showInView:(UIView *)aView{
    self.frame = CGRectMake(rightViewOriginalOrigin.x, rightViewOriginalOrigin.y, rightViewOriginalWidth, 40*titlesArray.count);
    self.alpha = 1;
    self.isShow = YES;
    [aView addSubview:self];
}

- (void)dismissFromSuperView:(dismissCompletion)completion{
    
    __weak __typeof(self) weakSelf = self;
    
    [UIView animateWithDuration:0.2 animations:^{

//        CGRect frame = rightViewOriginalFrame;
//        frame.origin.x += 10;
//        frame.size.width -= 10;
//        frame.size.height -= 20;
//        weakSelf.frame = frame;
        weakSelf.frame = CGRectMake(rightViewOriginalOrigin.x + rightViewOriginalWidth, rightViewOriginalOrigin.y, 0, 0);
        weakSelf.alpha = 0;
        
    }completion:^(BOOL finished) {
        
        [weakSelf removeFromSuperview];
        weakSelf.isShow = NO;
        if (completion) {
            completion();
        }
    }];
    
}

- (void)drawRect:(CGRect)rect{
    
    CGContextRef context = UIGraphicsGetCurrentContext();
    //画一个三角形
    CGPoint sPoints[3];//坐标点
    sPoints[0] = CGPointMake(triangleOriginX, triangleHeight); //左下角坐标
    sPoints[1] = CGPointMake(triangleOriginX + 5, 0); //上边坐标
    sPoints[2] = CGPointMake(triangleOriginX + 10, triangleHeight);//右下角坐标
    CGContextAddLines(context, sPoints, 3);//添加线
    CGContextClosePath(context);//封起来
    CGContextSetRGBFillColor(context, 255/255.0, 255/255.0, 255/255.0, 1);//内容填充颜色
    CGContextSetRGBStrokeColor(context, 255/255.0, 255/255.0, 255/255.0, 1);//路径填充颜色
    CGContextDrawPath(context, kCGPathFillStroke);//根据坐标绘制路径
    
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    
    [self dismissFromSuperView:nil];
}

/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code
}
*/

@end

好，这就是我封装的view 的代码

以下是用法：

比如是在ViewController中引用此view，需先导入头文件

#import "RightView.h"，并且遵循

RightViewDelegate协议，

在ViewController.m中：

UIBarButtonItem *rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(showRightView)];
    self.navigationItem.rightBarButtonItem = rightBarButtonItem;
    
    rightView = [[RightView alloc] initWithTitleArray:@[@"你好",@"呀呼嗨", @"no"] imageArray:@[@"[10]",@"[11]", @"[12]"] origin:CGPointMake(self.view.frame.size.width - 110, 10 + 64) width:100 triangleOrigin:CGPointMake(75, 0)];

- (void)showRightView{

    if (rightView.isShow) {
        [rightView dismissFromSuperView:nil];
    }
    else{
        rightView.delegate = self;
        [rightView showInView:self.view];
    }
    
}

实现代理方法：

#define RightViewDelegate
- (void)rightView:(RightView *)rightView didSelectedIndex:(NSInteger)index{
    
    NSLog(@"你点击了第%ld行",index);
}

实现的效果就如下图

话不多说，只为自己能看，不为其他