silverlight之 – Blend 一切源于Brush

1 .打开blend3选择文件 》 新建 》 Silverlight应用程序+网站 ;我取名为:“StyleTest”;

看起是这样:

2.右键StyleTest项目》添加新项》UserControl ; 我取名为: ColorCard.xaml

选择左侧的“矩形工具”,在页面上画出一个矩形,然后我们来了解一下右侧的画笔设置框:

上面分别是: 背景色,边框色,遮罩

下面是:无,单色,渐变填充,图片,库 (反正我是这么翻译的,设计师应该能理解,毕竟设计我半 个搞设计的)

3.未来不那么枯燥,下面我么来做一个apple效果的填充,使用选择工具(左边上面第一个)选中刚才 那个矩形,

》 点击“ 背景色” 后面的白框;

》下面选中“渐变填充”然后看到了熟悉的渐变条,

》在条中间双击两次,添加两个新节点,

》设置颜色如图:

时间: 2024-09-19 09:46:47

silverlight之 – Blend 一切源于Brush的相关文章

---请问Silverlight , WPF , Blend , Visual Studio .net 都什么关系?

问题描述 ---请问Silverlight,WPF,Blend,VisualStudio.net都什么关系? 解决方案 解决方案二:Silverlight是WPF的的简化版,主要是做基于网页的应用:Blend是Silverlight和WPF的专用开发中开发工具,主要是针对Xaml语言的开发:VisualStudio.net可以开发Silverlight和WPF,但它重要的是其它方面的开发,针对性没有Blend专一解决方案三:VisualStudio.net是开发平台,集成了Silverlight

Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)

正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Blend下能够设计出很 多满意的动画作品,或许他具体是怎么实现的,通过什么方式实现的我们还是一无所知.本 篇将续前面几篇基础动画之上,详细介绍Silverlight里提供故事板(StoryBorards)的属性 和各种不同类型的动画(Animations)的详细知识点,揭晓在Blend下设计动画的内幕故事. 一.故事板(StoryBoard)属性 Silvelight中的故事板(StoryBoard)提供了管理时间线的功能接口,可

Silverlight & Blend动画设计系列十三

Silverlight & Blend动画设计系列十三:三角函数(Trigonometry)动画之飘落的雪花(Falling Snow) 平时我们所看到的雪花(Falling Snow)飘飘的效果实际上也是一个动画,是由许多的动 画对象共同完成的一个界面效果.对于不同大小的雪片可以通过缩放变换(ScaleTransform )功能特性确定,雪片飘落是存在于一个空间之中,通过不同的透明度值可使雪花看上去具 有一定的空间视觉,雪花的飘落过程是由三角函数的原理实现的左右滑落效果,并可根据随 机生成数字

Silverlight & Blend动画设计系列十二

Silverlight & Blend动画设计系列十二:三角函数(Trigonometry)动画之自由旋转(Free-form rotation) 说到对象的旋转,或许就会联想到对象角度的概念.对象的旋转实现实际上就是利用对象 的角度改变来实现的位置变换,在<Silverlight & Blend动画设计系列二:旋转动画( RotateTransform)>一文中有对对象的不同角度变换的实现介绍,本篇要介绍的自由旋转( Free-form rotation)将借助<Fun

Silverlight &amp;amp; Blend动画设计系列九:动画(Animation)与视图状态管理

Silverlight中的动画(Animation)与视图状态管理(Visual State Manager) 结合使用 是非常常见的,动画用于管理对象在某段事件段内执行的动画动作,视图状态管理则用于控 制对象在多个不同的视觉状态之间切换.导航.本篇主要介绍动画(Animation)与视图状态 管理(Visual State Manager)的结合应用,关于视图状态管理的详细内容请大家查看相关资 料. 举一个简单的示例,比如在开发一个项目中有一个按钮,当我点击这个按钮的时候就动态 的从某个方向(

Silverlight &amp;amp; Blend动画设计系列六

Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化.波感特效 当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效 果不一的图形图像出来作为动画的基本组成元素.然而在设计过程中可能会出现许多的问题 ,比如当前绘制了一个椭圆,但是在动画中仅仅只需要椭圆的一半或是更多更少的部分用作 与动画元素,这时候就需要对椭圆对象进行相应的处理才能满足我们的需求,那到底该怎么 做才能实现最终想要的

Silverlight &amp;amp; Blend动画设计系列十

Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动 如果我们习惯于数学坐标系,那么对于Silverlight中的坐标系可能会有些不习惯.因为 在Silverlight中的坐标系与Flash中的坐标系一样,一切都的颠倒的.在标准的数学坐标系 中,X轴表示水平轴,Y轴表是垂直轴,然而Silverlight中的坐标系是基于视频屏幕的坐标系 . Silverlight中的坐标系统和Flash中的坐标系统

Silverlight &amp;amp; Blend动画设计系列八:拖放(Drag-Drop)操作与拖放行为

在Silverlight中自身并没有提供拖放功能的相关实现,要实现拖放功能得借助其事件支 持(MouseLeftButtonDown. MouseLeftButtonUp和MouseMove)来完成,实际应用中我们可 以通过行为(Behavior)特性将拖放操作封装为行为,这样可达到代码复用的效果.而在 Blend中则直接提供了拖放操作行为,它位于Microsoft.Expression.Interactions.dll的 Microsoft.Expression.Interactivity.L

Silverlight &amp;amp; Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果

模糊效果(BlurEffect)与阴影效果(DropShadowEffect)是两个非常实用和常用的两个 特效,比如在开发相册中,可以对照片的缩略图添加模糊效果,在放大照片的过程中动态改 变照片的大小和模糊的透明度来达到一个放大透明的效果. 一.模糊效果(BlurEffect) Silverlight中的每个对象都是支持添加模糊和阴影效果的, 在Blend工具中通过"外观 "面板可以直接可视化的进行设计完成模糊和阴影效果的添加,以及效果参数的调整.如下 图为模糊效果的设计界面: 点击&