用Design+Blend轻松制作环形文字

今天不太忙，做一个小玩意儿解解闷（不用一行cs代码哦），先看效果图：

步骤:

1.先启动Microsoft Expression Design 3

a.画一个正圆，再随便打几个字，同时选中文字和圆

b.选择菜单栏中的"对象"-->"路径上的文本"-->"附加文本"，调整文本内容，间距等，让其正好布满圆圈，调整好以后，再把圆形的填充和边框去掉(即无填充，无边框)

c."文件"-->"导出"，格式选择"Xaml Silverlight3画布"

2.启动Blend 3

a.新建一个用户控件TextItem，把刚才Design导出的xaml打开，复制其中的<Canvas>...</Canvas>部分到TextItem中

b.新建一个Storyboard，产生旋转

c.将Storyboard利用触发器自动触发(详情可见源代码下载)

d.MainPage.xaml上，把刚才做好的控件TextItem拖二个出来，其中一做下变形，同时设置不透明度，以达到类似阴影效果

F5，运行效果大概如下：

<div id="silverlightControlHost"><object data="data:application/x-oleobject;base64,QfXq3+HzJEysrJnDBxUISgAIAACtMwAAVykAAAwAAAB3AGgAaQB0AGUAAAAAAAAAAAAAAAAAAABeAAAAaAB0AHQAcAA6AC8ALwBmAGkAbABlAHMALgBjAG4AYgBsAG8AZwBzAC4AYwBvAG0ALwB5AGoAbQB5AHoAegAvAEMAaQByAGMAbABlAFQAZQB4AHQALgB4AGEAcAAAADwAAAAAAAAAJgAAAG8AbgBTAGkAbAB2AGUAcgBsAGkAZwBoAHQARQByAHIAbwByAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAABAAAAAAAAAAAAAAAAAAAAGAAAADMALgAwAC4ANAAwADgAMQA4AC4AMAAAAAoAAAB0AHIAdQBlAAAAAAAAAAAAAAAAAAAA" width="500" height="400" type="application/x-silverlight-2"><param name="source" value="http://files.cnblogs.com/yjmyzz/CircleText.xap" / /><param name="onerror" value="onSilverlightError" /><param name="background" value="white" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoUpgrade" value="true" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration: none;"><img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="获取 Microsoft Silverlight" style="border-style: none" / /></a> </object></div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuwu.com/' target='_blank'>http://www.wfuwu.com/</a></center>
提示：可修改后代码再运行!

源代码下载：CircleText.rar

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠