一般来说,自定义弹出视图会遇到三个问题:
(1)按钮个数及按钮内容变化问题
(2)弹出方式变化问题
(3)内容与页面绑定时,内容更新问题
对于第一个问题,如果说弹出框只需要展示固定的几个按钮的话,那么此问题可以忽略了。类似于系统的alertView,UIAlertView会根据我们提供的title个数来展现不同的样式,我们也可以以此思路来进行设计。既然需要根据按钮title的个数来决定样式,那么,首先要做的就是收集到所填写的titles,网上给出的方法有很多而且讲述的也很详细,这里给出一种常见的收集方式:
- (void)showAlertViewWithDescription:(NSString*)description withAction:(void(^)(NSInteger))blcok WithTitles:(NSString*)title, ...NS_REQUIRES_NIL_TERMINATION;
- (void)showAlertViewWithDescription:(NSString*)description withAction:(void(^)(NSInteger))blcok WithTitles:(NSString*)title, ...
{
// 收集titles
va_list args;
va_start(args, title);
NSMutableArray *titlesArray = [NSMutableArray array];
for(NSString*str = title; str !=nil; str =va_arg(args,NSString*)) {
[titlesArrayaddObject:str];
}
// 根据title的个数确定UI样式
[self configureUIWithDescription:description withTitles:titlesArray];
}
获取到title之后,就可以按照需求方式来进行样式设计了。
对于弹出方式,我们可以使用一个enum来进行管理,然后根据需要来进行切换,本文会给出两种弹出方式,一种是通过UIDynamicBehavior中的snap动画,一种是简单的渐隐显示:
// !!!: 显示 & 关闭 alertView
- (void)showAlertView
{
switch (self.showStyle) {
case DynamicAlertViewShowStyleSnap:
{
if(!_dynamicAnimator) {
self.center=CGPointMake(kScreenWidth/2, -alertViewHeight);
self.alpha=1;
_dynamicAnimator = [[UIDynamicAnimator alloc] initWithReferenceView:window];
UISnapBehavior *snapBehavior = [[UISnapBehavior alloc] initWithItem:self snapToPoint:window.center];
snapBehavior.damping=0.5;
[_dynamicAnimatoraddBehavior:snapBehavior];
}
}
break;
case DynamicAlertViewShowStyleAppear:
{
self.center= window.center;
self.transform = CGAffineTransformMakeScale(0.7, 0.7);
self.alpha=0;
__weaktypeof(self) weakSelf =self;
[UIView animateWithDuration:.35 delay:0 usingSpringWithDamping:.5 initialSpringVelocity:.5 options:0 animations:^{
weakSelf.alpha=1;
weakSelf.transform = CGAffineTransformIdentity;
}completion:^(BOOLfinished) {
if(finished) { }
}];
}
break;
default:
break;
}
}
- (void)hiddenAlertView
{
switch (self.showStyle) {
case DynamicAlertViewShowStyleSnap:
{
__weaktypeof(self) weakSelf =self;
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
UISnapBehavior*snapBehavior =_dynamicAnimator.behaviors.lastObject;
snapBehavior.snapPoint=CGPointMake(kScreenWidth/2,kScreenHeight+alertViewHeight);
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.35 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
__strongtypeof(self) strongSelf = weakSelf;
[strongSelf->_dynamicAnimatorremoveAllBehaviors];
strongSelf->_dynamicAnimator=nil;
[strongSelf->_bgCoverMaskViewremoveFromSuperview];
strongSelf->_bgCoverMaskView=nil;
weakSelf.center=CGPointMake(kScreenWidth/2, -alertViewHeight);
[weakSelfremoveFromSuperview];
});
});
}
break;
case DynamicAlertViewShowStyleAppear:
{
__weaktypeof(self) weakSelf =self;
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
[UIView animateWithDuration:.35 animations:^{
weakSelf.alpha=0;
weakSelf.transform=CGAffineTransformMakeScale(.7,.7);
}completion:^(BOOLfinished) {
__strongtypeof(self) strongSelf = weakSelf;
if(finished) {
[strongSelf->_bgCoverMaskViewremoveFromSuperview];
strongSelf->_bgCoverMaskView=nil;
weakSelf.transform=CGAffineTransformIdentity;
[weakSelfremoveFromSuperview];
}
}];
});
}
break;
default:
break;
}
}
在项目开发过程中,有时在向用户展示弹出框时,上面显示的内容是与界面绑定的,当弹出框已经弹出,但是因为某些原因后面的控制器发生了跳转,那么就会导致弹出框内容与界面显示发生错误,如果我们将弹出框弹在控制器的view上,那么又会导致导航栏遮盖不住的问题。其实,我们可以通过将此弹出框设计成单例来解决这个问题,如果在弹出框显示的时候界面发生变化,我们可以通过单例方法很快捷的定位到弹窗,并更新他的视图显示。
如有不足之处,欢迎提出。
网友评论