效果图如下所示：
swift: https://github.com/corin8823/popover oc: https://github.com/assuner-lee/popoverobjc
使用示例
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
- (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里设置。
弹出气泡
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
- (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
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
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, 偏移；
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
popoveroption interfacetypedef 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气泡效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对服务器之家的支持！
原文链接：https://juejin.im/post/5a30902c5188253e2470f4f7?utm_source=tuicool&utm_medium=referral
