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

来源:互联网 发布:无上神兵进阶数据 编辑:程序博客网 时间:2024/05/16 11:02

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

再看下图:
重叠的且颜色交叉的文字2008
图2  重叠的且颜色交叉的文字2008
它仍是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)   走势图(加序号)

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

原创粉丝点击