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

简介: 先看效果图: 步骤: 1.先启动Microsoft Expression Design 3 a.画一个正圆,再随便打几个字,同时选中文字和圆 b.选择菜单栏中的"对象"-->"路径上的文本"-->"附加文本",调整文本内容,间距等,让其正好布满圆圈,调整好以后,再把圆形的填充和边框去掉(即无填充,无边框) c.

先看效果图:

步骤:

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,运行效果大概如下:

源代码下载:http://files.cnblogs.com/yjmyzz/CircleText.rar

目录
相关文章
|
C#
WPF 通过透明度遮罩和变换制作倒影效果
原文:WPF 通过透明度遮罩和变换制作倒影效果   倒影效果 代码   更加复杂的应用 参考 https://blogs.
1381 0
|
C#
在WPF设计工具Blend2中制作立方体图片效果
原文:在WPF设计工具Blend2中制作立方体图片效果 --------------------------------------------------------------------------------引用时请保留以下信息:大可山 [MSN:a3news(AT)hotmail.
1083 0
|
图形学
unity3d UGUI中底图自适应文本size
支持多行文字,底图随着文字的长度变化而自适应大小,比如游戏中常见的聊天系统,信息中都会有一个信息的底图,底图会根据文字的长宽而发生变化,例如QQ聊天也是如此的功能,unity中UGUI实现完全不需要一句代码就可以实现,具体的看下面的截图,然后自己去做一下测试就好了 测试效果.
2995 0
利用Blend制作一个简单的用户控件外观
     在Silverlight应用开发中,可以自定义各种类型的用户控件,只要是你能够想到的,就可以用Blend来绘制出来,这里介绍一个最简单的案例,主要是提示框的外观制作。
608 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1070 0
|
存储
Expression Blend4经验分享:制作一个简单的文字按钮样式
原文:Expression Blend4经验分享:制作一个简单的文字按钮样式   首先在Grid里放一个TextBlock,对象时间线窗口的结构树如下 右键点击grid,选择构成控件 会弹出构成控件的对话框,选择你要构成的控件类型,控件名称,控件样式存储位置 这里我们...
1159 0
|
前端开发 容器
Blend基础-布局控件
布局 什么是布局? Panels控件(其实就是容器控件) 对内部的子控件提供了自动布局功能 可以在容器控件内继续添加容器控件(一个复杂的界面往往是多种容器控件嵌套而组成的) 一些界面器控件也是嵌套了容器控件而组成的(比如ListBox就嵌套了StackPanel控件) 你也可以自己来制作一些容器控件 一些常见的布局控件 Canvas 最原始的容器控件,对子控件无自动布局功能。
846 0
Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)
原文:Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)   模糊效果(BlurEffect)与阴影效果(DropShadowEffect)是两个非常实用和常用的两个特效,比如在开发相册中,可以对照片的缩略图添加模糊效果,在放大照片的过程中动态改变照片的大小和模糊的透明度来达到一个放大透明的效果。
1102 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
856 0
|
容器 iOS开发
Expression Blend4经验分享:制作一个简单的图片按钮样式
原文:Expression Blend4经验分享:制作一个简单的图片按钮样式 这次分享如何做一个简单的图片按钮经验 在我的个人Silverlight网页上,有个Iphone手机的效果,其中用到大量的图片按钮 http://raimon.
997 0

热门文章

最新文章