iOS显示视图时的暗淡背景

Question

在我的主视图中，我做了一些手势操作，导致显示一些新视图。这时我想将整个背景（除了这个新视图）调暗为一个很好的UI练习。在HTML中，Javascript看起来如此 - 我如何在iOS中获得相同的效果？

Answer 1

在背景上放置一个UIView，将其背景设置为[UIColor blackColor]并将其不透明度设置为0.6。然后将该UIView添加到父视图中。

这会使背景变暗并拦截任何背景控制的点击。

Answer 2

虽然Dan的建议是目标，但在这种情况下你不能使用模态视图控制器，因为一个典型的模态覆盖整个屏幕，阻止父视图控制器，即使你的视图背景是透明的（你会看看应用程序的UIWindow中的任何内容。

如果您在iPad上执行此操作，则有两种模式演示样式（UIViewModalPresentationStylePageSheet和UIViewModalPresentationStyleFormSheet）可以执行类似的操作，但这些样式不适用于iPhone或iPod Touch。

将带有深色背景和部分不透明度以及您想要在前景中的任何视图的“阴影”视图直接添加到视图控制器的视图中。您可以使用标准UIView动画块或CoreAnimation为它们设置动画。

另一个注意事项，如果你想拦截那个阴影视图的触摸，你可以使它成为一个巨大的按钮，子类UIView覆盖其中一个触摸方法，如touchesEnded:或将其更改为可以接收触摸的UIControl像UIButton这样的事件，但没有文本，阴影，状态等的额外选项。

Answer 3

如果新视图具有自己的“背景”，则上述两个答案有效，即没有透明度。导致我在这里的问题无法通过这种方式解决，我试图做的是：我在屏幕上使用AVCaptureSession运行AVCaptureVideoPreviewLayer来显示真实的视频时间。我想选择一部分屏幕（稍后只对此部分做一些事情），当选择此部分时，想要调暗视频预览的其余部分。这就是它的样子：

这就是我解决这个问题的方法：根据触摸屏幕的位置创建一个新视图，并将其添加为视频预览视图的子视图。然后，我创建了4个额外的，不重叠的矩形子视图，其中包含前面提到的背景颜色和不透明度，以覆盖屏幕的其余部分。我明确要求所有这些视图 not 是主视图的子视图，因为我需要能够触摸其他地方的屏幕并更改所选区域。

我确定有更优雅的方法可以解决这个问题，所以如果有人知道如何评论...

Answer 4

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIGestureRecognizerDelegate>
{
    UIView *mainView;
    UIView *dimBackgroundUIView;
    UIView *customView;

    UIButton *btn;
}

@end


#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    mainView = [[UIView alloc] init];
    mainView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:mainView];
    [self addConstraintsForMainView];

    btn = [[UIButton alloc] initWithFrame:CGRectMake(200, 200, 100, 30)];
    [btn setTitle:@"Button" forState:UIControlStateNormal];
    [btn setBackgroundColor:[UIColor blueColor]];
    [btn addTarget:self action:@selector(showCustomView_Action:) forControlEvents:UIControlEventTouchUpInside];
    [mainView addSubview:btn];

    dimBackgroundUIView = [[UIView alloc] init];
    dimBackgroundUIView.backgroundColor = [UIColor blackColor];
    dimBackgroundUIView.alpha = 0.2;
}

-(void)removeCustomViewsFromSuperView {

    if(dimBackgroundUIView)
        [dimBackgroundUIView removeFromSuperview];

    if(customView)
        [customView removeFromSuperview];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (IBAction)showCustomView_Action:(id)sender {

    customView = [[UIView alloc] initWithFrame:CGRectMake(100, 200, 80, 80)];
    customView.backgroundColor = [UIColor redColor];

    [self.view addSubview:dimBackgroundUIView];
    [self addConstraintsForDimView];

    [self.view addSubview:customView];

    UITapGestureRecognizer *tapped = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(removeCustomViewsFromSuperView)];
    tapped.delegate=self;
    tapped.numberOfTapsRequired = 1;
    [customView addGestureRecognizer:tapped];
}

-(void) addConstraintsForDimView {

    [dimBackgroundUIView setTranslatesAutoresizingMaskIntoConstraints:NO];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:dimBackgroundUIView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1 constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:dimBackgroundUIView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1 constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:dimBackgroundUIView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1 constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:dimBackgroundUIView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1 constant:0]];
}

-(void) addConstraintsForMainView {

    [mainView setTranslatesAutoresizingMaskIntoConstraints:NO];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:mainView attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeLeft multiplier:1 constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:mainView attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeRight multiplier:1 constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:mainView attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeTop multiplier:1 constant:0]];

    [self.view addConstraint:[NSLayoutConstraint constraintWithItem:mainView attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self.view attribute:NSLayoutAttributeBottom multiplier:1 constant:0]];
}

@end

注意：您可以使用Xcode上的图形界面优化代码，但我必须以编程方式编写代码以便能够对其进行测试

所以我的想法是：

1. 创建UIView名称，它是你想要的（dimBackgroundUIView）而不是set backgroundcolor为黑色并将alfa设置为0.1或0.2或....
2. 当你需要调暗背景时添加这两行代码：[self.view addSubview：dimBackgroundUIView]; [self addConstraintsForDimView];
3. 并在要删除调光时添加此2行代码 background：if（dimBackgroundUIView）[dimBackgroundUIView removeFromSuperview];