iOS - Alpha、Hidden 与 Opaque 区别

UIView中的这三个属性用的比较多,尤其是 Alpha 和 Opaque 之间有的时候不是很好分别:

Alpha(不透明度)

alpha 是不透明度,属性为浮点类型的值,取值范围从 0 到 1.0,表示从完全透明到完全不透明,其特性有当前 UIView 的 alpha 值会被其所有 subview 继承。alpha 值会影响到 UIView 跟其所有 subview,alpha 具有动画效果。当 alpha 为 0 时,跟 hidden 为 YES 时效果一样,但是 alpha 主要用于实现隐藏的动画效果,在动画块中将 hidden 设置为 YES 没有动画效果。

UIView *view = [[UIView alloc] initWithFrame:CGRectMake(30, 100, CGRectGetWidth(self.view.bounds)-60, 150)];
[view setBackgroundColor:[UIColor redColor]];
[view setAlpha:0.5];
[self.view addSubview:view];
 
UIView *childView = [[UIView alloc] initWithFrame:CGRectMake(20, 30, 100, 80)];
[childView setBackgroundColor:[UIColor blueColor]];
[view addSubview:childView];
效果图

设置 backgroundColor 的 alpha 值只影响当前 UIView 的背景,并不会影响其所有 subview。Clear Color 就是backgroundColor 的 alpha 为1.0。alpha值会影响backgroundColor 最终的 alpha,假设 UIView 的 alpha 为0.8,backgroundColor 的 alpha 为0.5,那么backgroundColor 最终的 alpha 为 0.4(0.8*0.5)。

Hidden(隐藏)

Hidden 表示 UIView 是否隐藏,Hidden 设置为 YES 表示当前 UIView 的所有 subview 也会被隐藏,忽略 subview 的 hidden 属性。Hidden 只要设置为 YES,所有的 subview 都会隐藏。UIView 隐藏之后也会从当前的响应者事件中移除。

Opaque

opaque 也是表示当前的 UIView 的不透明度,设置是否之后对于 UIView 的显示并没有什么影响,官方文档的意思简单点说就是 opaque 默认为 YES,如果 alpha 小于 1,那么应该设置 opaque 设置为NO,但是如果 alpha为1,opaque 设置为 NO,产生的后果是不可预料的。

This property provides a hint to the drawing system as to how it should treat the view. If set to YES, the drawing system treats the view as fully opaque, which allows the drawing system to optimize some drawing operations and improve performance. If set to NO, the drawing system composites the view normally with other content. The default value of this property is YES.
 
An opaque view is expected to fill its bounds with entirely opaque content—that is, the content should have an alpha value of 1.0. If the view is opaque and either does not fill its bounds or contains wholly or partially transparent content, the results are unpredictable. You should always set the value of this property to NO if the view is fully or partially transparent.
 
You only need to set a value for the opaque property for subclasses of UIView that draw their own content using the drawRect: method. The opaque property has no effect for system provided classes such as UIButton, UILabel, UITableViewCell, etc.

翻译:

这个属性向绘图系统提供了一个提示,说明它应该如何处理视图。如果设置为YES,绘图系统将视图视为完全不透明的,这允许绘图系统优化一些绘图操作并提高性能。如果设置为NO,绘图系统通常会将视图与其他内容组合在一起。此属性的默认值为YES。
一个不透明的视图应该用完全不透明的内容来填充其边界――也就是说,内容的alpha值应该为1.0。如果视图是不透明的,或者没有填充其边界,或者包含全部或部分透明的内容,那么结果是不可预测的。如果视图是完全透明或部分透明的,您应该始终将此属性的值设置为NO。
您只需要为UIView的子类设置一个不透明属性的值,这些子类使用drawRect:方法绘制它们自己的内容。不透明属性对系统提供的类(如UIButton、UILabel、UITableViewCell等)没有影响。

如果了解 opaque,需要点屏幕绘制的知识,屏幕上的每个像素点都是通过 RGBA 值(Red、Green、Blue 三原色再配上 Alpha 透明度)表示的,当纹理(UIView 在绘图系统中对应的表示项)出现重叠时,GPU 会按照 Result = Source + Destination * (1 - SourceAlpha)公式计算重叠部分的像素。

Result 是结果 RGB 值,Source 为处在重叠顶部纹理的 RGB值,Destination 为处在重叠底部纹理的 RGB 值。

当 SourceAlpha 为 1 时,绘图系统认为下面的颜色全部被遮盖住了,Result = Source,如果 Source 的 Alpha 不为 0,上下层颜色就会进行合成,所以 opaque 默认设置 YES,提升绘制性能,如果开发中 UIView 是不透明的,opaque 设置为YES, 如果 opaque 设置NO,那么Alpha应该小于1。

效果图
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容