alpha、clearColor、opaque、hidden你能分清吗

alpha

1.alpha基本介绍

alpha属性值为浮点类型，范围是0.0至1.0：0.0代表完全透明，1.0代表完全不透明。

下图显示了大矩形alpha值分别为1.0、0.75、0.5、0.1、0.0时的情况：

All

下面，我们通过一段代码看下alpha值对视图的影响：

    UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height/2)];
    [self.view addSubview:aView];
    UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
    textView.text = @"pro648";
    [aView addSubview:textView];
    
    textView.alpha = 0.25;
    aView.backgroundColor = [UIColor whiteColor];
    textView.backgroundColor = [UIColor redColor];

运行结果：

initial

在上面的代码中，我们首先添加一个UIView对象aView到视图控制器的上半部分，然后在aView中添加UITextView对象textView。设置aView背景颜色为白色，textView背景颜色为红色，并设置textView的alpha值为0.25。在运行结果中我们可以看到alpha不仅影响视图的backgroundColor，也会影响视图上的文字。

2.改变父视图alpha的值，子视图alpha值不会改变。

    UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height/2)];
    [self.view addSubview:aView];
    UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
    textView.text = @"pro648";
    [aView addSubview:textView];
    
    aView.alpha = 0.5;
    
    NSLog(@"aView alpha is:%f",aView.alpha);
    NSLog(@"textView alpha is:%f",textView.alpha);

运行后输出如下：

aView alpha is:0.500000
textView alpha is:1.000000

可以看到改变aView的alpha值，子视图textView的alpha值不会改变。

3.改变父视图alpha的值，子视图alpha值虽然不会改变，但视图绘制效果是由该视图及其父视图`alpha`值的乘积决定。

更新代码如下：

    UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height/2)];
    [self.view addSubview:aView];
    UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
    textView.text = @"pro648";
    [aView addSubview:textView];
    
    aView.alpha = 0.5;
    textView.alpha = 0.5;
    aView.backgroundColor = [UIColor whiteColor];
    textView.backgroundColor = [UIColor redColor];
    
    NSLog(@"aView alpha is:%f",aView.alpha);
    NSLog(@"textView alpha is:%f",textView.alpha);

上面代码里设置aView和textView的alpha值均为0.5，所以视图最终显示的alpha值为：0.5*0.5=0.25。

运行结果如下：

Multiply

仔细观察，你会发现该视图显示效果与1 中的视图显示效果一致，均为0.25。但是视图本身的alpha值并没有被改变，控制台输出结果如下所示：

aView alpha is:0.500000
textView alpha is:0.500000

4.如果只想设定视图背景颜色的alpha值而不影响其他视图的显示效果，可以使用`colorWithRed: green: blue: alpha:` 方法定义一个有着特定alpha值的颜色来作为视图的背景颜色。

    UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height/2)];
    [self.view addSubview:aView];
    UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
    textView.text = @"pro648";
    [aView addSubview:textView];
    
    aView.backgroundColor = [UIColor colorWithRed:255/255.0f green:255/255.0f blue:255/255.0f alpha:0.3];
    textView.backgroundColor = [UIColor redColor];
    
    NSLog(@"aView alpha is:%f",aView.alpha);
    NSLog(@"textView alpha is:%f",textView.alpha);

运行后显示如下：

rgba

可以看到，子视图textView的显示完全不受影响。控制台输出结果为：

aView alpha is:1.000000
textView alpha is:1.000000

5.当`alpha`为零时，视图将完全不可见，且不能响应触摸事件。

更新代码如下：

- (void)viewDidLoad {
    [super viewDidLoad];
    
    UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height/2)];
    [self.view addSubview:aView];
    UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
    textView.text = @"pro648";
    [aView addSubview:textView];
    
    textView.alpha = 0;
    aView.backgroundColor = [UIColor redColor];
    textView.backgroundColor = [UIColor greenColor];
    [textView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTapGesture:)]];
    
    NSLog(@"aView alpha is:%f",aView.alpha);
    NSLog(@"textView alpha is:%f",textView.alpha);
}

- (void)handleTapGesture:(UITapGestureRecognizer *)tapGesture {
    NSLog(@"Single Tap");
}

把textView视图alpha设定为零，并添加点击手势。运行后如下：

zero

可以看到textView视图和文本都没有显示，且点击CGRectMake(50, 50, 100, 100)区域，控制台没有任何输出。

事实上，iOS上不可见的视图均不可响应事件。

另外，改变alpha值的过程也可以使用动画。

clearColor

backgroundColor是出现在UIView背面颜色的特殊色调，clearColor表示无背景颜色，和nil效果一致，但是clearColor的视图可以响应event。

- (void)viewDidLoad {
    [super viewDidLoad];
    
    UIView *aView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height/2)];
    [self.view addSubview:aView];
    UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(50, 50, 100, 100)];
    textView.text = @"pro648";
    [aView addSubview:textView];
    
    aView.backgroundColor = [UIColor redColor];
    textView.backgroundColor = [UIColor clearColor];
//    textView.backgroundColor = nil;	// 与上面一行效果一致
    [textView addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(handleTapGesture:)]];
    
    NSLog(@"aView alpha is:%f",aView.alpha);
    NSLog(@"textView alpha is:%f",textView.alpha);
}

- (void)handleTapGesture:(UITapGestureRecognizer *)tapGesture {
    NSLog(@"Single Tap");
}

运行后如下图：

clearColor