用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 target='_blank'>http://www.wfuwu.com/</a></center>
提示：可修改后代碼再運行!

源代碼下載：CircleText.rar

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈