iOS--弹出视图后使window背景变暗

本文介绍了如何在iOS应用中实现弹出pickerView时将window背景变暗的效果。通过获取window,创建并设置背景view,以及添加显示视图的动画来达到目的。详细代码分别在pickerView.h、pickerView.m和ViewController中给出。
摘要由CSDN通过智能技术生成

实现思路解析:

1,首先要拿到window (方式有多重可以app delegate,或者创建window、keywindow等等方式)

2, 然后创建一个backgroundView,使其frame和window相等,设置背景颜色,再添加到window上。

3,把需要显示的view添加到backgroundView上,当然有动画效果更好

下边的 “弹出视图”“关闭视图”就是对显示在window上的视图的操作

1. 弹出视图

/**显示弹出视图*/
- (void)show{
//1. 取出window
    UIWindow * window = [[UIApplication sharedApplication] keywindow]; 
    //[[[UIApplication sharedApplication] windows] firstObject];有时这样取window会加载不出我们需要的试图,这是因为不是keywindow,比如用storyboard画的试图,推荐用keywindow不论什么情况包不会出问题。
   //2. 创建背景视图
    _bgView = [[UIView alloc]init];
    _bgView.frame = window.bounds;
    //3. 背景颜色可以用多种方法看需要咯
     _bgView.backgroundColor = [[UIColor blackColor]colorWithAlphaComponent:0.4];
//    _bgView.backgroundColor = [UIColor colorWithWhite:0.1 alpha:0.6];
    [window addSubview:_bgView];
    //4. 把需要展示的控件添加上去
    [window addSubview:self];
    //5. 动画简单(low)
    [UIView animateWithDuration:0.3 animations:^{
        _pickerView.transform = CGAffineTransformMakeScale(1.0, 1.0);
    }];
}

2. 关闭视图

/**关闭弹出视图*/
- (void) hidden {
    [UIView animateWithDuration:0.3 animations:^{
        _pickerView.transform = CGAffineTransformMakeScale(0.001, 0.002);
    } completion:^(BOOL finished) {
        [_pickerView removeFromSuperview];
        _pickerView = nil;
        [self removeFromSuperview];
        [_bgView removeFromSuperview];
        _bgView = nil;
    }];
}

下边是我简单封装的PickerView

以上是我简单封装的PickerView的显示,下边是具体的demo也可以记录一下,具体代码见下:

1. pickerView.h文件

#import <UIKit/UIKit.h>

typedef void(^selectedTitle)(NSString *indexTitle);

@interface LLPIckerView : UIView

@prope
iOS的开发中,使用Swift可以实现底部弹出视图。以下是一个简单的实现方式: 首先,需要创建一个底部弹出视图ViewController。可以在Storyboard中创建一个新的ViewController,并设置其底部约束为屏幕底部,高度为底部弹出视图的高度。可以在该ViewController中添加需要显示的内容,比如按钮、标签等。 然后,在需要弹出底部视图的地方,可以通过 present 方法来显示这个ViewController。可以在当前的ViewController中添加一个按钮,当点击该按钮时,调用如下代码来显示底部弹出视图: ```swift // 创建底部弹出视图ViewController let bottomViewController = storyboard?.instantiateViewController(withIdentifier: "BottomViewController") as! BottomViewController // 设置底部弹出视图的 ModalPresentationStyle 为 .overCurrentContext,使得弹出视图会覆盖当前视图 bottomViewController.modalPresentationStyle = .overCurrentContext // 设置底部弹出视图的 TransitioningDelegate;通过实现相关代理方法来自定义弹出视图的动画效果 bottomViewController.transitioningDelegate = self // 弹出底部视图 present(bottomViewController, animated: true, completion: nil) ``` 在当前ViewController中,需要增加一个扩展来实现底部弹出视图的自定义动画: ```swift extension ViewController: UIViewControllerTransitioningDelegate { // 返回自定义的动画控制器对象 func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? { return BottomViewAnimator(isPresenting: true) } // 返回自定义的动画控制器对象 func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? { return BottomViewAnimator(isPresenting: false) } } ``` 在自定义动画控制器中,可以实现底部弹出视图的动画效果。可以通过使用 UIView 的动画方法来实现位移、透明度等动画效果。 最后,需要创建一个自定义的 Animator 类,实现 UIViewControllerAnimatedTransitioning 协议的相关代理方法来控制动画的展示和隐藏。 通过上述步骤,即可完成iOS底部弹出视图的实现。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值