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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)相关的知识,希望对你有一定的参考价值。

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

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

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

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

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

?

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

?

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

技术分享图片

?

?

01

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

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

技术分享图片

?

02

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

技术分享图片

?

03

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

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

?

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

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

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

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

技术分享图片

?

我们来看看对照:

技术分享图片

?

?

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

?

?

?

?

?

?

?

?

?

?

?

?

?

?

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

一步一步迈向HIE之路

 

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

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

 

 








以上是关于零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)的主要内容,如果未能解决你的问题,请参考以下文章

零元学Expression Blend 4 - Chapter 10 用实例了解布局容器系列-「StackPanel」

零元学Expression Blend 4 - Chapter 19 如何让做好的Blend专案变Silverlight网页

零元学Expression Blend 4 - Chapter 8 用实例了解布局容器系列-「Grid」

零元学Expression Blend 4 - Chapter 11 用实例了解布局容器系列-「Border」

零元学Expression Blend 4 - Chapter 9 用实例了解布局容器系列-「Canvas」

零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior