继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

叮当猫咪
关注TA
已关注
手记 227
粉丝 6
获赞 27

先看效果图:

https://img2.mukewang.com/5af54b9e00015dde05030423.jpg

步骤:

1.先启动Microsoft Expression Design 3

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

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

https://img2.mukewang.com/5af54bab000106a806960627.jpg

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

 

2.启动Blend 3

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

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

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

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

 

F5,运行效果大概如下:


https://img1.mukewang.com/5af54bb70001cb2902660084.jpg     

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP