简单的自定义弹框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单的自定义弹框相关的知识,希望对你有一定的参考价值。

  作为初学者,很多人都是用的系统自带的弹框,非常的简单,完全不能满足用户的交互,所以这里,我们需要自定义一个弹框,把输入框、图片、按钮等添加到弹框里面。为了避免重复冗余的代码,参考了别人的代码,自己做了一个自定义弹框,可以在项目中使用到。给大家一个思路。  

  这是代码的接口定义,只需要调用一行代码就可以弹出一个自定义的视图啦。还会添加一些动画效果,让弹框弹出跟消失更美观。

+ (void)showPromptBoxWithCustomView:(UIView *)customView;

+ (void)promptBoxHiden;

// 不会消失,需要手动点击
+ (void)showPromptBoxWithImage:(UIImage *)image text:(NSString *)text;

// 在几秒有消失
+ (void)showPromptBoxWithText:(NSString *)text;

 

  动画效果跟显示框效果也是必须有的

/**
 *  显隐提示框
 */
- (void)promptBoxHidenWithView:(SQPromptBox *)view speed:(CGFloat)speed {
    [UIView animateWithDuration:speed animations:^{
        view.coverView.alpha = 0.0f;
    } completion:^(BOOL finished) {
        if (finished) {
            [view.coverView removeFromSuperview];
        }
    }];
}

/**
 *  动画效果
 */
- (void)presentWithDuration:(CGFloat)duration speed:(CGFloat)speed {
    [UIView animateWithDuration:speed animations:^{
        self.alpha = 1.0f;
        self.coverView.backgroundColor = [UIColor colorWithWhite:0.0f alpha:0.5f];
    } completion:^(BOOL finished) {
        if (finished) {
            if (!self.customView) {
                [self performBlock:^{
                    [self promptBoxHidenWithView:self speed:speed];
                } afterDelay:duration];
            }
        }
    }];
}

  

  还有一步很重要,需要通过字数来计算label的高度,如果没有这一步完成的效果就没有那么好看了。

- (CGSize)sizeWithText:(NSString *)text font:(UIFont *)font maxSize:(CGSize)maxSize {
    NSDictionary *attrs = @{NSFontAttributeName : font};
    return [text boundingRectWithSize:maxSize options:NSStringDrawingUsesLineFragmentOrigin attributes:attrs context:nil].size;
}

 

  这是一个布局的方法,需要计算好,不然就不能自适应不能尺寸的iPhone了

- (void)layoutSubviews {
    
    if (!self.customView) {
        CGSize textSize = [self sizeWithText:self.textLabel.text font:self.textLabel.font maxSize:CGSizeMake(kWidth - 2 * kMagin, MAXFLOAT)];
        if (self.imageView.image) {
            self.imageView.frame = CGRectMake((self.frame.size.width - self.image.size.width) / 2.0f, kMagin, self.image.size.width, self.image.size.height);
            self.textLabel.frame = CGRectMake((kWidth - textSize.width) / 2.0f, CGRectGetMaxY(self.imageView.frame) +  kMagin, textSize.width, textSize.height);
            
        }else {
            CGFloat height = textSize.height < kHeight ? kHeight : textSize.height;
            self.textLabel.frame = CGRectMake((kWidth - textSize.width) / 2.0f, kMagin, textSize.width, height);
        }
        CGRect rect = [self typeFrame];
        rect.size.height = CGRectGetMaxY(self.textLabel.frame) + kMagin;
        self.frame = rect;
    }
}

 

  

 

  这是把弹框和蒙版加载当前显示控制器的view上,通过下面的方法来遍历,能获取到控制器

/**
 *  得到currentViewController
 */
- (UIViewController *)getCurrenViewController {
    UIViewController *currenVIewController = nil;
    
    // 返回一个app的实例,keyWindow(只读)
    UIWindow *window = [UIApplication sharedApplication].keyWindow;
    if (window.windowLevel != UIWindowLevelNormal) {
        NSArray *windows = [[UIApplication sharedApplication] windows];
        for (UIWindow *tempWindow in windows) {
            if (tempWindow.windowLevel == UIWindowLevelNormal) {
                window = tempWindow;
                break;
            }
        }
    }
    
    UIView *frontView = [[window subviews] objectAtIndex:0];
    // 接受下一个响应者
    id nextResponder = [frontView nextResponder];
    
    if ([nextResponder isKindOfClass:[UIViewController class]]) {
        currenVIewController = nextResponder;
    } else {
        currenVIewController = window.rootViewController;
    }
    return currenVIewController;
}

 

  因为代码比较多,就没有一一展示出来,就提供一个小小的思路,供大家参考。

  最后就是上面代码的网站
      https://github.com/empty-sq/-.git

以上是关于简单的自定义弹框的主要内容,如果未能解决你的问题,请参考以下文章

Three.js 中的自定义纹理着色器

片段内的自定义列表不起作用

带有圆角而不是 100% 屏幕宽度的自定义片段对话框

片段中的自定义列表适配器

片段中 ListView 的自定义适配器不起作用

具有获取 json 值的片段中的自定义适配器