原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)

你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果



所以在这里我们把文字的范围当成是遮罩



与遮罩交叠的图片部分被截取出来



进而呈现出图片镶进文字内的效果

?

在上篇提到了Clip的基本认识,本回要介绍进阶的使用并实作

?

本篇范例的最後结果如下:

零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)-LMLPHP

?

?

01

在主要工作区放入一张你喜爱的图片

并使用TextBlock->输入你想要的文字,如图:

零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)-LMLPHP

?

02

再来,运用上一篇所教的,选取文字後点击右键->Path->Make Clipping Path->Image

零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)-LMLPHP

?

03

你会发现,由文字截掉的图片,已经替代为Monkey的填充图案了

虽然你看到的是当初打在TextBlock内的文字,但是它已经只剩下图片的外观了喔!!

?

你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果

所以在这里我们把文字的范围当成是遮罩

与遮罩交叠的图片部分被截取出来,进而呈现出图片镶进文字内的效果

或是说,文字变成是以图片做为填充,跟Imagebrush类似的感觉

零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)-LMLPHP

?

我们来看看对照:

零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)-LMLPHP

?

?

关於Clip的介绍就在这边先告一段落,如果有更好的实作方法,小猴子会再跟大家分享^______________^

?

?

?

?

?

?

?

?

?

?

?

?

?

?

(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)

一步一步迈向HIE之路

喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您

 
05-11 16:55