改代码是参考一个Demo直接改的,代码中有一些漏洞,如果发现其他的问题,可以下方直接留言

.h文件

#import <UIKit/UIKit.h>
typedef void(^PopoverBlock)(NSInteger index);
@interface CustomPopView : UIView
//@property(nonatomic,copy)void(^block)(int index);
//-(void)setDataArr:(NSArray *)titleArr withView:(id *)view withBlock:(void(^)(NSString *a))block;
@property (nonatomic, copy) NSArray *menuTitles;
@property(nonatomic,copy)void(^PopoverHiddenBlock)(BOOL isHidden );
- (void)showFromView:(id)aView selected:(PopoverBlock)selected;
@end @interface PopoverArrow : UIView @end

.m文件

#import "CustomPopView.h"
// 字体大小
#define kPopoverFontSize 14.f // 十六进制颜色
#define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0] #define SCREEN_W [UIScreen mainScreen].bounds.size.width
#define SCREEN_H [UIScreen mainScreen].bounds.size.height // 箭头高度
#define kArrowH 8
// 箭头宽度
#define kArrowW 15
//每行的高度
#define CELL_HEIGHT 38
//
#define Identifier @"cell" // 边框颜色
#define kBorderColor UIColorFromRGB(0xE1E2E3)
@interface CustomPopView () <UITableViewDelegate, UITableViewDataSource>
{
PopoverBlock _selectedBlock;
UIView *_backgroundView;
PopoverArrow *_arrowView;
} @property (nonatomic, retain) UITableView *tableView; @end @implementation CustomPopView
- (instancetype)initWithFrame:(CGRect)frame
{
if (!(self = [super initWithFrame:frame])) return nil; self.backgroundColor = [UIColor clearColor]; // 箭头
_arrowView = [PopoverArrow new];
[self addSubview:_arrowView]; // tableView放在箭头底下, 用于箭头挡住tableView边框
[self insertSubview:self.tableView belowSubview:_arrowView];
return self;
} - (void)layoutSubviews
{
[super layoutSubviews]; // 设置tableView默认的分割线起终点位置
if ([self.tableView respondsToSelector:@selector(setSeparatorInset:)]) {
[self.tableView setSeparatorInset:UIEdgeInsetsZero];
}
if ([self.tableView respondsToSelector:@selector(setLayoutMargins:)]) {
[self.tableView setLayoutMargins:UIEdgeInsetsZero];
} self.tableView.layer.cornerRadius = 5.f;
self.tableView.layer.borderColor = kBorderColor.CGColor;
self.tableView.layer.borderWidth = 1.f;
} #pragma mark -- getter - (UITableView *)tableView
{
if (_tableView) return _tableView; _tableView = [UITableView new]; _tableView.delegate = self;
_tableView.dataSource = self;
_tableView.rowHeight = CELL_HEIGHT;
_tableView.backgroundColor = [UIColor whiteColor];
_tableView.showsVerticalScrollIndicator = NO;
[_tableView registerClass:[UITableViewCell class] forCellReuseIdentifier:Identifier];
_tableView.tableFooterView = UIView.new; return _tableView;
} #pragma mark -- delegate - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
return self.menuTitles.count;
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:Identifier];
cell.textLabel.font = [UIFont systemFontOfSize:kPopoverFontSize];
cell.textLabel.text = [self.menuTitles objectAtIndex:indexPath.row];
return cell;
} - (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
if ([cell respondsToSelector:@selector(setSeparatorInset:)]) {
[cell setSeparatorInset:UIEdgeInsetsZero];
}
if ([cell respondsToSelector:@selector(setLayoutMargins:)]) {
[cell setLayoutMargins:UIEdgeInsetsZero];
}
} - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
[UIView animateWithDuration:0.25 animations:^{
self.alpha = 0;
} completion:^(BOOL finished) {
[_backgroundView removeFromSuperview];
_backgroundView = nil; if (_selectedBlock) {
_selectedBlock(indexPath.row);
} [self removeFromSuperview];
}];
} #pragma mark -- private
// 点击透明层隐藏
- (void)hide
{
[UIView animateWithDuration:0.25 animations:^{
self.alpha = 0;
} completion:^(BOOL finished) {
[_backgroundView removeFromSuperview];
_backgroundView = nil;
if(self.PopoverHiddenBlock){
self.PopoverHiddenBlock(YES);
}
[self removeFromSuperview];
}];
} #pragma mark -- public /*!
* @author lifution
*
* @brief 显示弹窗
*
* @param aView 箭头指向的控件
* @param selected 选择完成回调
*/
- (void)showFromView:(id)aView selected:(PopoverBlock)selected
{
if (selected) _selectedBlock = selected;
//aView只能传两种参数,一种是UIView 另一种UIBarButtonItem
if(!([aView isKindOfClass:[UIView class]] || [aView isKindOfClass:[UIBarButtonItem class]])){
return;
}
UIWindow *keyWindow = [UIApplication sharedApplication].keyWindow;
// 背景遮挡
_backgroundView = UIView.new;
_backgroundView.frame = keyWindow.bounds;
_backgroundView.backgroundColor = [UIColor blackColor];
_backgroundView.alpha = 0.2;
_backgroundView.userInteractionEnabled = YES;
[_backgroundView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(hide)]];
[keyWindow addSubview:_backgroundView];
// 刷新数据更新contentSize
[self.tableView reloadData]; // 获取触发弹窗的按钮在window中的坐标
CGRect triggerRect ;
if([aView isKindOfClass:[UIView class]]){
UIView *view = (UIView *)aView;
triggerRect = [view convertRect:view.bounds toView:keyWindow];
}else{
UIView *bgView = [aView valueForKey:@"_view"];
triggerRect = [bgView convertRect:bgView.bounds toView: keyWindow];
}
// 箭头指向的中心点 CGFloat arrowCenterX = CGRectGetMaxX(triggerRect)-CGRectGetWidth(triggerRect)/2; // 取得标题中的最大宽度
CGFloat maxWidth = 0;
for (id obj in self.menuTitles) {
if ([obj isKindOfClass:[NSString class]]) {
CGSize titleSize = [obj sizeWithAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:kPopoverFontSize]}];
if (titleSize.width > maxWidth) {
maxWidth = titleSize.width;
}
}
} CGFloat curWidth = ((maxWidth+80)>SCREEN_W-30)?SCREEN_W-30:(maxWidth+80);
CGFloat curHeight = CELL_HEIGHT*self.menuTitles.count+kArrowH;
CGFloat curX = arrowCenterX-curWidth/2;
CGFloat curY = CGRectGetMaxY(triggerRect)+10; // 如果箭头指向点距离屏幕右边减去5px不足curWidth的一半的话就重新设置curX
if ((SCREEN_W-arrowCenterX-5)<curWidth/2) {
curX = curX-(curWidth/2-(SCREEN_W-arrowCenterX-5));
}
// 如果箭头指向点距离屏幕左边加上5px不足curWidth的一半的话就重新设置curX
if (arrowCenterX+5<curWidth/2) {
curX = curX+(curWidth/2-arrowCenterX)+5;
} //如果高度大于10行,则最高按10计算
if(curHeight>CELL_HEIGHT*10+kArrowH){
curHeight = CELL_HEIGHT*10+kArrowH;
} self.frame = CGRectMake(curX, curY - 18, curWidth, curHeight);
_arrowView.frame = CGRectMake(arrowCenterX-curX-kArrowW/2, 0, kArrowW, kArrowH+1);
// 箭头高度 +1 遮挡住tableView的边框
self.tableView.frame = CGRectMake(0, kArrowH, curWidth,curHeight - kArrowH );
[keyWindow addSubview:self]; self.alpha = 0;
[UIView animateWithDuration:0.3 animations:^{
self.alpha = 1;
}];
} @end // 箭头
@implementation PopoverArrow - (instancetype)initWithFrame:(CGRect)frame
{
if (!(self = [super initWithFrame:frame])) return nil; self.backgroundColor = [UIColor clearColor]; return self;
} // Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
[super drawRect:rect];
// Drawing code
CGSize curSize = rect.size;
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context, 1);
CGContextSetStrokeColorWithColor(context, kBorderColor.CGColor);
CGContextSetFillColorWithColor(context, UIColor.whiteColor.CGColor);
CGContextBeginPath(context);
CGContextMoveToPoint(context, 0, curSize.height);
CGContextAddLineToPoint(context, curSize.width/2, 0);
CGContextAddLineToPoint(context, curSize.width, curSize.height);
CGContextDrawPath(context, kCGPathFillStroke);
} @end

使用:

view = [CustomPopView new];
view.menuTitles = @[@"1",@"2",@"3"];
UIBarButtonItem *item = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:self action:@selector(addBtnClick:)];
self.navigationItem.rightBarButtonItem = item; -(void)addBtnClick:(UIBarButtonItem *)item{
[view showFromView:item selected:^(NSInteger index) { }];
}

自定义PopView的更多相关文章

  1. iOS实现自定义的弹出视图(popView)

    前段时间,在项目中有个需求是支付完成后,弹出红包,实现这么一个发红包的功能.做了最后,实现的效果大致如下: 一.使用方法 整个ViewController的代码大致如下 // //  SecondVi ...

  2. Android定位&地图&导航——自定义公交路线代码

    一.问题描述 基于百度地图实现检索指定城市指定公交的交通路线图,效果如图所示 二.通用组件Application类,主要创建并初始化BMapManager public class App exten ...

  3. Android自定义遮罩层设计

    在做网页设计时,前端设计人员会经常用到基于JS开发的遮罩层,并且背景半透明.这样的效果怎么样在Android上实现呢?这个实现并不困难,先来上效果图: <ignore_js_op> 201 ...

  4. 关于Unity3D自定义编辑器的学习

    被人物编辑器折腾了一个月,最终还是交了点成品上去(还要很多优化都还么做).  刚接手这项工作时觉得没概念,没想法,不知道.后来就去看<<Unity5.X从入门到精通>>中有关于 ...

  5. 一起学微软Power BI系列-使用技巧(5)自定义PowerBI时间日期表

    1.日期函数表作用 经常使用Excel或者PowerBI,Power Pivot做报表,时间日期是一个重要的纬度,加上做一些钻取,时间日期函数表不可避免.所以今天就给大家分享一个自定义的做日期表的方法 ...

  6. JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...

  7. ASP.NET Aries 入门开发教程8:树型列表及自定义右键菜单

    前言: 前面几篇重点都在讲普通列表的相关操作. 本篇主要讲树型列表的操作. 框架在设计时,已经把树型列表和普通列表全面统一了操作,用法几乎是一致的. 下面介绍一些差距化的内容: 1:树型列表绑定: v ...

  8. ASP.NET Aries 入门开发教程5:自定义列表页工具栏区

    前言: 抓紧时间,继续写教程,因为发现用户期待的内容,都在业务处理那一块. 不得不继续勤劳了. 这节主要介绍工具栏区的玩法. 工具栏的默认介绍: 工具栏默认包括5个按钮,根据不同的权限决定显示: 添加 ...

  9. UWP中实现自定义标题栏

    UWP中实现自定义标题栏 0x00 起因 在UWP开发中,有时候我们希望实现自定义标题栏,例如在标题栏中加入搜索框.按钮之类的控件.搜了下资料居然在一个日文网站找到了一篇介绍这个主题的文章: http ...

随机推荐

  1. 设计模式-结构型模式, mvc 模型视图控制器模式(8)

    MVC 模式代表 Model-View-Controller(模型-视图-控制器) 模式.这种模式用于应用程序的分层开发. Model(模型) - 模型代表一个存取数据的对象或 JAVA POJO.它 ...

  2. [IR] Dictionary Coding

    [数据压缩]LZ77算法原理及实现 [数据压缩]LZ78算法原理及实现 Lempel–Ziv–Welch 年发表的论文<A Universal Algorithm for Sequential ...

  3. Use a load-balancer as a first row of defense against DDOS

    We’ve seen recently more and more DOS and DDOS attacks. Some of them were very big, requiring thousa ...

  4. js中的hasOwnProperty

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. php 公历阴历互相转换

    <?php /** * Created by PhpStorm. * User: timeless * Date: 17-3-9 * Time: 上午9:32 */ class Lunar { ...

  6. jmeter之结果重定向

    在使用jmeter与jenkins对接时,发现默认打印出来的日志就是正常的summary统计,如果要查看日志,只能通过jmeter.log去查看. 来来来,我们一起温习下jmeter的命令行参数 -- ...

  7. JSP页面嵌套乱码解决

    项目中审批过程需要将业务表单嵌套在审批的页面中.由于业务表单很多,前台已经axjx到了本次选择的表单的地址.本来做的就是把这个链接放在审批页面上,但现在需求的就是直接把这个biz表单嵌套在审批的页面中 ...

  8. Linux环境变量与文件查找

    作业: 找出/etc目录下所有以.list结尾的文件 代码:locate /etc/\*.list sudo find /etc/ -name \*.list

  9. myEclipse异常:Subversion Native Library Not Available

    参考文档:https://blog.csdn.net/zp357252539/article/details/44880319 Subversion Native Library Not Availa ...

  10. python-mysql数据库导表存excel后发邮件(实例2)

    需求:用户输入mysql数据库中某表名,将此表导入到excel中,将导出文件以邮件形式发出 设计思路: 1连接数据库 2读取表头(cur.description--获取表头,函数返回二维元组,采用列表 ...