视图的alpha属性可能会影响子视图的透明度

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53037832

本篇博客要说一下alpha这个属性。

alpha属性是用来设置视图的透明度的,可如果直接使用alpha属性,并且使用此属性的视图有子视图,那么其子视图的透明度也会跟着受影响。先看代码以及效果图吧:

代码:

UIView * redV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

    redV.backgroundColor = [UIColor redColor];

    redV.alpha = 0.5;

    [self.view addSubview:redV];

UILabel * lbl = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];

    lbl.text = @"我";

    lbl.textColor = [UIColor whiteColor];

    lbl.textAlignment = NSTextAlignmentCenter;

    lbl.backgroundColor = [UIColor blackColor];

    [redV addSubview:lbl];

效果图:

以上效果图是直接使用alpha属性的效果。

代码:

UIView * redV = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

    redV.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.5];

//    redV.alpha = 0.5;

    [self.view addSubview:redV];

UILabel * lbl = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 50, 50)];

    lbl.text = @"我";

    lbl.textColor = [UIColor whiteColor];

    lbl.textAlignment = NSTextAlignmentCenter;

    lbl.backgroundColor = [UIColor blackColor];

    [redV addSubview:lbl];

效果图:

看客根据所需要的效果选择相应的代码吧!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知无涯

js判断手机浏览器操作系统及微信浏览器的方法

50010
来自专栏前端知识分享

第49天:封装自己的scrollTop

scrollTop和scrollLeft scrollTop 被卷去的头部 当滑动滚轮浏览网页的时候,网页隐藏在屏幕上方的距离 二、页面滚动效果事件 windo...

1261
来自专栏hrscy

iOS瀑布流

1304
来自专栏前端说吧

JS-缓冲运动:菜单栏型悬浮框

4525
来自专栏一个小程序员的成长笔记

在不同浏览器都实用的各窗口大小获取方法

// 浏览器窗口 var w= document.documentElement.clientWidth || document.body.clie...

3618
来自专栏Alice

demo1 动态显示view或弹框 动态隐藏view或弹框

实现界面如上所示: 有一个弹框,弹框上边有一个关闭按钮,点击按钮,可以关闭弹框。点击弹框的周围区域也可以关闭按钮。 点击上边的隐藏弹框也可以关闭按钮。 在实现...

2075
来自专栏Alice

demo1 动态显示view或弹框 动态隐藏view或弹框

有一个弹框,弹框上边有一个关闭按钮,点击按钮,可以关闭弹框。点击弹框的周围区域也可以关闭按钮。 点击上边的隐藏弹框也可以关闭按钮。   在实现功能的基础上,以...

2177
来自专栏谈补锅

Quartz2D复习(三) --- 涂鸦

和上一篇手势解锁不一样,手势解锁只画了一条路径,从触摸开始--》触摸移动--》触摸结束 ,然后路径完成了,渲染出来就是手势解锁了;

1083
来自专栏狂码一生

js 获取屏幕各种宽高的方法(浏览器兼容)

屏幕的有效宽高: window.screen.availHeight window.screen.availWidth 网页可见区域宽:document.bod...

49810
来自专栏前端知识分享

第44天:鼠标移动放大效果

1104

扫码关注云+社区

领取腾讯云代金券