当前位置： 移动技术网 > IT编程>移动开发>IOS > 简单好用可任意定制的iOS Popover气泡效果

简单好用可任意定制的iOS Popover气泡效果

2019年07月24日  | 移动技术网IT编程  | 我要评论

雪豆网,宝山区邮编,恶臭海蜗牛

效果图如下所示：

 

swift: https://github.com/corin8823/popover oc: https://github.com/assuner-lee/popoverobjc

使用示例

pod 'popoverobjc'
#import "asviewcontroller.h"
#import <popoverobjc/aspopover.h>
@interface asviewcontroller ()
@property (weak, nonatomic) iboutlet uibutton *btn;
@property (nonatomic, strong) aspopover *btnpopover;
@property (nonatomic, strong) aspopover *itempopover;
@end
@implementation asviewcontroller
- (void)viewdidload {
 [super viewdidload];
 [self.btn addtarget:self action:@selector(clickbtn:) forcontrolevents:uicontroleventtouchupinside];
 self.navigationitem.rightbarbuttonitem = [[uibarbuttonitem alloc] initwithtitle:@"item" style:uibarbuttonitemstyleplain target:self action:@selector(clickitem:)];
}
- (void)didreceivememorywarning {
}

初始化popover

- (aspopover *)btnpopover {
 if (!_btnpopover) {
 aspopoveroption *option = [[aspopoveroption alloc] init];
 option.popovertype = aspopovertypeup;
 option.autoajustdirection = no;
 option.arrowsize = cgsizemake(9, 6);
 option.blackoverlaycolor = [uicolor clearcolor];
 option.popovercolor = [uicolor lightgraycolor];
 option.dismissonblackoverlaytap = yes;
 option.animationin = 0.5;
 //...
 _btnpopover = [[aspopover alloc] initwithoption:option];
 }
 return _btnpopover;
}
- (aspopover *)itempopover {
 if (!_itempopover) {
 aspopoveroption *option = [[aspopoveroption alloc] init];
 option.autoajustdirection = no;
 option.arrowsize = cgsizemake(10, 6);
 option.blackoverlaycolor = [uicolor clearcolor];
 option.sideedge = 7;
 option.dismissonblackoverlaytap = yes;
 option.popovercolor = [[uicolor blackcolor] colorwithalphacomponent:0.7];
 option.autoajustdirection = yes;
 option.animationin = 0.4;
 option.springdamping = 0.5;
 option.initialspringvelocity = 1;
 option.overlayblur = [uiblureffect effectwithstyle:uiblureffectstylelight];
 //...
 _itempopover = [[aspopover alloc] initwithoption:option];
 }
 return _itempopover;
}

popover的属性可在option里设置。

弹出气泡

- (void)clickbtn:(id)sender {
 uiview *view = [[uiview alloc] initwithframe:cgrectmake(0, 0, [uiscreen mainscreen].bounds.size.width - 50, 40)];
 [self.btnpopover show:view fromview:self.btn]; // in delegate window
}
- (void)clickitem:(id)sender {
 uiview *view = [[uiview alloc] initwithframe:cgrectmake(0, 0, 100, 200)];
 uiview *itemview = [self.navigationitem.rightbarbuttonitem valueforkey:@"view"]; // you should use custom view in item;
 if (itemview) {
// [self.itempopover show:view fromview:itemview];
 cgpoint originpoint = [self.itempopover originarrowpointwithview:view fromview:itemview];
 originpoint.y += 5;
 [self.itempopover show:view atpoint:originpoint];
 }
}
@end

可在某一个视图或某一个point上弹出内容view

popover interface
#import <uikit/uikit.h>
#import "aspopoveroption.h"
typedef void (^aspopoverblock)(void);
@interface aspopover : uiview
@property (nonatomic, copy) aspopoverblock willshowhandler;
@property (nonatomic, copy) aspopoverblock willdismisshandler;
@property (nonatomic, copy) aspopoverblock didshowhandler;
@property (nonatomic, copy) aspopoverblock diddismisshandler;
@property (nonatomic, strong) aspopoveroption *option;
- (instancetype)initwithoption:(aspopoveroption *)option;
- (void)dismiss;
- (void)show:(uiview *)contentview fromview:(uiview *)fromview;
- (void)show:(uiview *)contentview fromview:(uiview *)fromview inview:(uiview *)inview;
- (void)show:(uiview *)contentview atpoint:(cgpoint)point;
- (void)show:(uiview *)contentview atpoint:(cgpoint)point inview:(uiview *)inview;
- (cgpoint)originarrowpointwithview:(uiview *)contentview fromview:(uiview *)fromview;
- (cgpoint)arrowpointwithview:(uiview *)contentview fromview:(uiview *)fromview inview:(uiview *)inview popovertype:(aspopovertype)type;
@end

contentview: 要显示的内容； fromview: 气泡从某一个视图上show; inview: 气泡绘制在某一个视图上，一般为delegate window； atpoint: 气泡从某一点上show; 可先获取originpoint, 偏移；

popoveroption interface
typedef ns_enum(nsinteger, aspopovertype) {
 aspopovertypeup = 0,
 aspopovertypedown,
};
@interface aspopoveroption : nsobject
@property (nonatomic, assign) cgsize arrowsize;
@property (nonatomic, assign) nstimeinterval animationin; // if 0, no animation
@property (nonatomic, assign) nstimeinterval animationout;
@property (nonatomic, assign) cgfloat cornerradius;
@property (nonatomic, assign) cgfloat sideedge;
@property (nonatomic, strong) uicolor *blackoverlaycolor;
@property (nonatomic, strong) uiblureffect *overlayblur;
@property (nonatomic, strong) uicolor *popovercolor;
@property (nonatomic, assign) bool dismissonblackoverlaytap;
@property (nonatomic, assign) bool showblackoverlay;
@property (nonatomic, assign) cgfloat springdamping;
@property (nonatomic, assign) cgfloat initialspringvelocity;
@property (nonatomic, assign) aspopovertype popovertype;
@property (nonatomic, assign) bool highlightfromview;
@property (nonatomic, assign) cgfloat highlightcornerradius;
@property (nonatomic, assign) bool autoajustdirection; // down preferred, effect just in view not at point
@end

总结

以上所述是小编给大家介绍的简单好用可任意定制的ios popover气泡效果，希望对大家有所帮助

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网