美文网首页ios知识
iOS设置透明视图(父视图)上显示不透明(子视图)视图

iOS设置透明视图(父视图)上显示不透明(子视图)视图

作者: 叫我小小诗 | 来源:发表于2019-01-30 16:15 被阅读0次

如题,开发中经常会碰到需要背景透明,上面显示的控件不透明的情况,一般首先都会想到先父子视图布局,然后设置需要透明度的父视图的alpha值,但是,如果直接设置该视图的alpha值,会导致该视图上的所有子控件也具有相应的透明度。目前我用6种方法进行解决,其中前四种的核心都是通过设置父视图的背景颜色来达到目的。

效果图: 效果图.png 方法:
1、如果是xib进行UI布局,那么在父视图上对背景进行设置: xib设置透明度.jpg
2、使用colorWithWhite:alpha:方法
0表示黑色,1表示白色,可取0~1中间的值。这种方法只能设置黑白之间的透明度
3、使用colorWithRed:green:blue:alpha:方法
这种方法可以设置任何我们需要的颜色

4、使用colorWithAlphaComponent:方法
这个方法是返回一个具有透明度的UIColor,再将这个UIColor赋值给相应的view
5、父子视图平级
即子视图也直接添加在self.view上,这样子视图不是添加在父视图上面,父视图上设置相应的alpha值就不会影响到子视图
6.使用具有透明度的背景图片。
让UI帮你做一张你需要的图片,直接放上去。
代码如下:

//1------
    UIView * fatherView1 = [[UIView alloc] initWithFrame:CGRectMake(50, 180, Width - 100 , 50)];
    fatherView1.backgroundColor = [UIColor colorWithWhite:0 alpha:0.5];
    [self.imageView addSubview:fatherView1];
    
    UILabel * subLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, fatherView1.frame.size.width - 20, 30)];
    subLabel.backgroundColor = [UIColor blueColor];
    subLabel.textColor = [UIColor whiteColor];
    subLabel.text = @"colorWithWhite:alpha:";
    [fatherView1 addSubview:subLabel];
    
    //2-------
    UIView * fatherView2 = [[UIView alloc] initWithFrame:CGRectMake(50, 260, Width - 100, 50)];
    fatherView2.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0.5];
    [self.imageView addSubview:fatherView2];
    
    UILabel * subLabel2 = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, fatherView2.frame.size.width - 20, 30)];
    subLabel2.textColor = [UIColor whiteColor];
    subLabel2.backgroundColor = [UIColor blueColor];
    subLabel2.text = @"colorWithRed:green:blue:alpha:";
    [fatherView2 addSubview:subLabel2];
    
    
    //3-------
    UIView * fatherView3 = [[UIView alloc] initWithFrame:CGRectMake(50, 340, Width - 100, 50)];
    UIColor * fatherColor = [UIColor blackColor];
    fatherView3.backgroundColor = [fatherColor colorWithAlphaComponent:0.5];
    [self.imageView addSubview:fatherView3];
    
    UILabel * subLabel3 = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, fatherView3.frame.size.width - 20, 30)];
    subLabel3.backgroundColor = [UIColor blueColor];
    subLabel3.textColor = [UIColor whiteColor];
    subLabel3.text = @"colorWithAlphaComponent:";
    [fatherView3 addSubview:subLabel3];
    
    
    //4------
    UIView * fatherView4 = [[UIView alloc] initWithFrame:CGRectMake(50, 420, Width - 100, 50)];
    fatherView4.backgroundColor = [UIColor blackColor];
    fatherView4.alpha = 0.5;
    [self.imageView addSubview:fatherView4];
    
    UILabel * subLabel4 = [[UILabel alloc] initWithFrame:CGRectMake(60, 430, Width - 120, 30)];
    subLabel4.backgroundColor = [UIColor blueColor];
    subLabel4.text = @"父子视图平级,子视图也直接添加在view上";
    subLabel4.textColor = [UIColor whiteColor];
    subLabel4.adjustsFontSizeToFitWidth = YES;
    [self.imageView addSubview:subLabel4];
    
    
    //5-------
    UIImageView * fatherImage = [[UIImageView alloc] initWithFrame:CGRectMake(50, 500, Width - 100, 50)];
    fatherImage.image = [UIImage imageNamed:@"bgColorAlpha.png"];
    [self.imageView addSubview:fatherImage];
    
    UILabel * subLabel5 = [[UILabel alloc] initWithFrame:CGRectMake(10, 10, fatherImage.frame.size.width - 20, 30)];
    subLabel5.backgroundColor = [UIColor blueColor];
    subLabel5.text = @"半透明背景图";
    subLabel5.textColor = [UIColor whiteColor];
    [fatherImage addSubview:subLabel5];

相关文章

  • 半透明层覆盖导航栏和标签栏

    1.实现父视图半透明效果,子视图不透明,在父视图上设置: myView.backgroundColor=[[UIC...

  • iOS设置透明视图(父视图)上显示不透明(子视图)视图

    如题,开发中经常会碰到需要背景透明,上面显示的控件不透明的情况,一般首先都会想到先父子视图布局,然后设置需要透明度...

  • 父视图透明度问题

    我们在进行透明度的设置时,会遇到父视图设置了透明度影响子视图同样透明的问题,可以设置子视图的父视图,就不会对子视图...

  • Swift UI 14.视图级别的关系(父、子视图)

    1: 父视图隐藏则子视图也隐藏,子视图隐藏父视图不一定隐藏2:父视图透明则子视图也透明,子视图透明父视图不一定透明...

  • 容易遇到的问题小总结

    1、iOS设置父视图透明度而不影响子视图: self.backgroundColor= [[UIColorblac...

  • TableView的优化

    1.使用不透明视图,不透明的视图可以极大地提高渲染的速度。可以将tableCell及其子视图的opaque属性设置...

  • 超出视图外控件的点击事件

    设置父视图的clipsToBounds属性为true,子视图允许超出父视图布局,这时的子视图是无法点击的 父视图重...

  • TableView的性能优化

    TableView的性能优化 使用不透明的视图,不透明的视图可以提高渲染的速度,可以将cell及其子视图的opaq...

  • Masony子视图撑起父视图高度

    父视图不约束宽高,子视图设置好距离父视图的各边边距,并指定子视图的宽高(两者缺一不可)。父视图 子视图

  • TableView 卡顿

    1.使用不透明视图 不透明的视图可以极大地提高渲染的速度。因此如非必要,可以将table cell及其子视图的op...

网友评论

    本文标题:iOS设置透明视图(父视图)上显示不透明(子视图)视图

    本文链接:https://www.haomeiwen.com/subject/gtkcsqtx.html