PorterDuff Mode的理解

做事看结果,先上一张PorterDuff Mode的图片:


PorterDuff Mode的理解_第1张图片

这幅图片清晰的表明了PorterDuff 的模式,对我来我说看起来确实有点难以记住,不可能我在以后写代码要用的时候有回去看这一服图片吧,多费事儿啊!所以我自己我把我自己的理解分享一下,顺便给自己学习做一个记录。

在生活中我们都知道一个物体放在另一个物体的上方会把下方的物体给遮住,对吧,这个就刚刚好和SRC_OVER,DST_OVER一样。


PorterDuff Mode的理解_第2张图片

Over是出处于什么上,所以我们可以看到SRC_OVER 模式:


PorterDuff Mode的理解_第3张图片

SRC_OVER模式是将SRC放置到DST的上方

反过来DST_OVER则是将DST放置到SRC上方,则得到了:


PorterDuff Mode的理解_第4张图片

现在你可能会想,SRC_OVER模式是将SRC放置到DST的上方,DST_OVER是将DST放置到SRC上方。

是不是从中看出点规律来了?

没错就是想你想得一样,SRC,DST就是一个参考的一个对象,不管PorterDuff的其他什么模式都是有参考对象的,他们的参考对象都是“_”前面的那个词。

不信吗?那我们就来看看ATOP模式:SRC_ATOP,DRC_ATOP。首先我们来看看ATOP的意思:


PorterDuff Mode的理解_第5张图片

atop:在什么顶上,我靠是不是感觉有点懵逼了(是不是有句xxx不知当不当讲?),这和Over有什么区别呢?我感觉我自己也受骗了,有点小小的怀疑人生。但是后来通过对这个单词和图片的理解,我感觉这难道不应该理解为a part of top(顶部的一部分吗?)可能此时此刻你还有点懵逼。来我们接着来看破这该死的ATOP模式。

我们先来看看SRC_TOP,DST_TOP这两个图片:


PorterDuff Mode的理解_第6张图片


PorterDuff Mode的理解_第7张图片

我们先来说说SRC_ATOP吧,这个模式按我们刚才的理解思路来分析,这个的参照对象应该为SRC,再按照刚才对atop理解,atop是处于什么上方,那么DST将会处于SRC的上方,同时atop又可以理解为----->a part of top( 在顶部的一部分),那我就应该就取得DST参考对象处于顶部的一部分。

反过来DST也是同样的理解方式。

现在我们以初中数学的交并集来理解下带有INT和OUT的模式。

首先我们来看看:INT模式


PorterDuff Mode的理解_第8张图片

IN其实理解出来就是数学上的"∩"交集符号,是不是看着特别的眼熟。SRC ∩ DST其实就是圆的一部分——扇形,图形我们就得到了,但是他的颜色是不是不一样,这个我们就需要看他的参考对象了,对于SRC_INT 他的参考对象是SRC所以就是贱蓝色的,反过来DST的就是骚粉色的。

到现在我们已经理解了6种模式了,还剩下OUT类型了。


PorterDuff Mode的理解_第9张图片

IN 和 OUT 就是一对反义词,内对外。

图中我们可以看到他们被 扣~~ 掉的一部分刚好是In的那一部分,即 SRC ∩ DST,同样我们以刚才的逻辑来理解OUT,我们可以看到参考SRC_OUT的参考对象是SRC,剩余的部分则是SRC的,用数学公式表示的话则为:SRC - (SRC ∩ DST);

同样的DST_OUT也是一样的数学表达为DST - (SRC ∩ DST);

现在还剩最后一种模式"XfOR" 现在感觉看参考对象是不是感觉不行了?等等稍安勿躁,既然这里没有写出参考对象,那么我就直接取两个的并集为一个参考对象,DRC ∪ SRC如图:


PorterDuff Mode的理解_第10张图片

现在的话我们在扣~~去交集的部分SRC ∩ DST,那我们不就得到了“XOR”模式了么:


PorterDuff Mode的理解_第11张图片

你可能感兴趣的:(PorterDuff Mode的理解)