WPF图形/文字特别效果之一:交叉效果探讨

原文:WPF图形/文字特别效果之一:交叉效果探讨

为了说明问题,先看下图:

图1  完全重叠的单一颜色文字
它是2008几个字的叠加，并且颜色为单一的红色。如果不仔细分辨，你或许无法一下子看出是2008。

再看下图：

图2  重叠的且颜色交叉的文字2008
它仍是2008几个数字的叠加，不过有两种颜色交替叠加，这次，很容易看出2008四个数字。

接着看下图：

图3  文字2008及颜色的交替叠加
它与图2不同之处在于，每个数字与上一数字在颜色上也交替叠加，看上去更有艺术效果。好象链条一样一环扣一环。

再看下面效果：

图4  文字2008及颜色的交替叠加
如果你不仔细看，或许你会说不是与图3一样吗？其实不是！你不妨需要仔细对比一下，看看有何不同？

说了这么多，我的目的是要探讨如何在WPF中实现任意文字的交替叠加问题？

为了说明问题，我们必须对每个细节做深入的研究，这样才能达到尽量的艺术化效果。
由于前面两种效果简单之极，因此不在本文的探讨范围内，本文只说后面两种情况。

为了更好地说明问题，我先将文字进行分块并标上序号：

图5  上图3的分块

注意序号为⑦的那一块，由于太小，或许你看不太清楚，但它实实在在存在，看看上图4相应的区域就知道了。

图6  上图4的分块

下面分析一下如何进行调整各块的颜色:

图7(a)   分块未加编号(数字2为顺时针走势,后面的两个0均为逆时针走势)

图7(b)    分块加了编号(数字2为顺时针走势,后面的两个0均为逆时针走势)
以上是一种叠加方式(注意箭头所示的走向及序号排法)

说明:
(1)对于数字2来说,序号为2的块在上,显示为红色,4在下,即被遮住,6在上。（总结：单次交叉在上，双次交叉在下）
(2)对于第一个数字0来说，第一次相交的编号为2的块在下，第二次相交的编号为4的块在上，第三次相交编号为6的块在下，但考虑到第11为上，第9块黄色被遮（在下）。

图8(a)   走势图(未加序号)

图8(b)   走势图(加序号)

   以上是另一种方式(注意箭头所示的走向及序号排法)