iOS 设置视图半透明而子控件不透明

转载 2015年11月20日 18:44:23

让一个控件半透明,通常我们第一个想到的方法就是调整控件的alpha值。当然如果你的视图上如果有其他子控件就会发现这样的方法是可能达不到你的预期,否则你应该看不到这篇文章了。

对视图直接设置alpha属性的值会导致其子控件也变得半透明,而通常我们的需求是:背景半透明而其子控件不透明。

先说解决办法:

  • 1.用一张半透明的图片做背景。

这个方法当然可以达到要求,但是从编程初期前辈就教导我说在工程中尽量少加入资源,能不用图片的尽量不用图片(如纯色背景之类的)

  • 2.使用colorWithWhite:alpha:方法
bgView.backgroundColor = [UIColor colorWithWhite:0.f alpha:0.5];

这也是我之前使用比较多的方法,white后面的参数表示灰度,从0-1之间表示从黑到白的变化,alpha就是你想调整的透明度。由于我做的半透明背景基色基本非黑即白,这个方法基本也够用了。缺点就是不能设置其他颜色(彩色)的半透明

  • 3.使用colorWithRed:green:blue:alpha:方法

这其实是我重点想说的方法。为什么呢?

相信大家平时用代码给视图着色的时候,可能都用过类似
colorWithHexString:colorWithHexColor:这样的方法,即:对UIColor类进行扩展,将16进制(如:#ffffff)的颜色字符串作为参入传入,并返回该色值对应的UIColor类型的颜色

这一层的包装使我们(起码是我)对UIColor自带的方法colorWithRed:green:blue:alpha:既熟悉又陌生,熟悉是我们无数次调用这个扩展的方法来设置颜色,其本质都是在调用它,陌生可能是因为对它太过熟悉导致我几乎忘记它还有一个alpha参数可以让我们设置半透明的背景色。而且通过这种方法就可以达到让背景成为任何颜色的半透明而且其子控件不透明

当我发现可以用这个方法设置背景半透明而子控件不透明的时候,有点哭笑不得。那感觉就像是你突然发现你以为十分熟悉的室友竟然还有一项瞬间移动的技能。

所以我决定以后给我的UIColor扩展类增加一个方法:
colorWithHexColor:alpha:(怎么添加边笑边流泪的表情...)

  • 4. 在xib或者storyBoard里面对背景进行设置

如图:

半透明背景xib设置.png
半透明背景xib设置.png

通过对背景颜色设置图中的Opacity滑块调整透明度,同样可以达到设置背景半透明而子控件不透明的目的。

  • 5.使用colorWithAlphaComponent:方法

在博友的提醒下,发现还有一个方法,现在补充上来.
和前面说的几个设置背景色的方法不太一样的是,这是一个实例方法,一个UIColor的实例调用此方法后会返回一个带透明度的UIColor.使用方法如下:

UIColor *color = [UIColor blackColor];
bgView.backgroundColor = [color colorWithAlphaComponent:0.5];

经测试,将返回值设置给底层的背景颜色,也可以保证子控件不透明.

最后,这篇文章的目的主要是感慨一下(编程)生活中被忽略的小细节, 请自行脑补边笑边流泪的表情...

相关文章推荐

iOS 设置视图半透明而子控件不透明

让一个控件半透明,通常我们第一个想到的方法就是调整控件的alpha值。当然如果你的视图上如果有其他子控件就会发现这样的方法是可能达不到你的预期,否则你应该看不到这篇文章了。 对视图直接设置alp...

窗体半透明控件不透明

  • 2012年09月19日 16:50
  • 39KB
  • 下载

MFC半透明窗体 不透明控件

  • 2013年12月10日 10:10
  • 128KB
  • 下载

Winform窗体半透明,控件不透明,及皮肤美化效果

先看效果图:        其实网上实现窗体半透明,控件不透明的方法很多,能用微软的API做出效果固然很好,然而其实现方法上有点点复杂,我个人没怎么去深究这个问题,因为我只想实现这个效果而已,选...

窗口半透明,控件不透明的实现

  • 2013年06月16日 15:35
  • 985KB
  • 下载

vc循序渐进实现仿QQ界面(五):半透明窗体与不透明控件

本篇演示实现仿QQ界面的中间客户区。QQ是可以调整界面透明度的,但是调整了透明度却连中间客户区也变得半透明了。客户区毕竟是软件最重要的部 分,是要与用户交互的,透明了就影响操作了,因此这里的客户区不...

半透明窗口中显示标准控件(控件与文字不透明)的实现方案(附源码)

半透明窗口中显示标准控件的实现方案。
  • xbsoul
  • xbsoul
  • 2016年07月12日 15:44
  • 413

半透明窗口中显示标准控件(控件与文字不透明)的实现方案(附源码)

和大家分享一下在半透明窗口中显示标准控件的实现方案。通过层叠窗口可以简单实现半透明与不规则形状窗口的效果,但在其上显示标准控件(控件与文字不透明)却是件比较有挑战的事情,这里会给出一个可行的解决方案。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS 设置视图半透明而子控件不透明
举报原因:
原因补充:

(最多只允许输入30个字)