QPopover

介绍

QPopover, iOS圆角阴影气泡控件，支持圆角阴影、箭头只支持上下方向，只需提供一张箭头向上的箭头图片

示例效果

输入图片说明

安装教程

1. 首先从gitee下载QPopover项目源码：https://gitee.com/fireice2048/qpopover
2. 将 QPopoverViewController.h / QPopoverViewController.m 复制到目标项目中
3. 再将QPopover项目中 popover_arrow_icon@3x.png 图片添加到目标项目中
4. 然后按以下使用说明编写代码即可

使用说明

#import "QPopoverViewController.h"

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // Do any additional setup after loading the view.
    UIButton * button = [[UIButton alloc] initWithFrame:CGRectMake(40, 180, 100, 30)];
    button.backgroundColor = [UIColor greenColor];
    [button addTarget:self action:@selector(buttonClick:) forControlEvents:(UIControlEventTouchUpInside)];
    [self.view addSubview:button];
}

- (void)buttonClick:(UIView *)sender
{
    // 创建自定义ContentView，放置自己的业务UI元素，正确设置宽度和高度（注意预留阴影大小，默认左右均为30像素），Popover会自适应其大小
    UIView * view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 120)];
    view.backgroundColor = [UIColor orangeColor];
    
    QPopoverViewController * popover = [[QPopoverViewController alloc] init];
    popover.userContentView = view;
    popover.anchorView = sender; // 设置锚点视图，尖角箭头将居中对准该视图，可以通过 borderEdgeInsets 进行微调
    
    UIImage * image = [UIImage imageNamed:@"popover_arrow_icon"];
    popover.arrowImage = image; // 设置尖角箭头图片
    
    [self presentViewController:popover animated:YES completion:nil];
}

1. 可以修改阴影的参数：

    popover.borderContentView.layer.cornerRadius = 8;
    popover.borderContentView.layer.shadowColor = [[UIColor blackColor] colorWithAlphaComponent:0.5].CGColor;
    popover.borderContentView.layer.shadowOffset = CGSizeMake(0, 3);
    popover.borderContentView.layer.shadowOpacity = 0.8;//阴影透明度，默认0
    popover.borderContentView.layer.shadowRadius = 20;

2. 也可以修改圆角边框视图的背景颜色

popover.borderContentView.backgroundColor = [[UIColor greenColor] colorWithAlphaComponent:0.4];

当修改了圆角边框背景颜色时，应该将尖角箭头图片替换为相适应的图片

    popover.arrowImage = [UIImage imageNamed:@"xxx"];;

3. 可以修改圆角边框的四周Border大小

popover.borderEdgeInsets = UIEdgeInsetsMake(16, 16, 16, 16);