GVKun编程网logo

请问microsoft silverlight能卸载吗，我不知道什么时（microsoft silverlight可以卸载吗）

15

对于想了解请问microsoftsilverlight能卸载吗，我不知道什么时的读者，本文将是一篇不可错过的文章，我们将详细介绍microsoftsilverlight可以卸载吗，并且为您提供关于(2

对于想了解请问microsoft silverlight能卸载吗，我不知道什么时的读者，本文将是一篇不可错过的文章，我们将详细介绍microsoft silverlight可以卸载吗，并且为您提供关于(2)Silverlight开发工具Microsoft Expression Blend 2 之“左侧ToolBox”、(3上)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””、(3下)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””、(4)Silverlight开发工具Microsoft Expression Blend 2 之“Combine切割组合效果”的有价值信息。

本文目录一览：

请问microsoft silverlight能卸载吗，我不知道什么时（microsoft silverlight可以卸载吗）

请问microsoft silverlight能卸载吗，我不知道什么时（microsoft silverlight可以卸载吗）

不要卸载。
silverlight
开放分类： 微软、媒体、平台、方案、新进展

SilverLight
是微软最新推出的跨浏览器、跨平台的解决方案。
主要有以下特点：

1. 在Web上提供丰富的用户体验

* 空前的富媒体体验以及网络应用

* 强大的基于向量的图形

* 无敌的从Mobile到HD质量的视频以及音频

* 在有硬件加速支持下，最高达15倍的视频编码速度

* 移动设备支持

2. 快速，更具生产力的开发

* 集成现有的网络开发技术及资源

* Web以及桌面一致的表现层，保证了开发的低成本性

* 基于标准的可验证的开发技术

* 为开发人员以及设计人员提供了广泛的工具支持，并且建立了相应的开发设计生态圈

3. 快速部署

* 简单按需安装的SilverLight浏览器插件

* 灵活的基于视频及动画的广告嵌入方案

* 低成本的流媒体解决方案，基于荣获艾美奖荣誉的Windows Media技术

* 内容访问保护技术

* 在Microsoft Expression Media Encoder的支持下，加速编码并且发布基于视频的体验

开发工具：

可以使用已经具有的技能和熟悉的工具来创建基于Silverlight的应用程序，在Web页面中，既可以使用HTML，也可以使用Silverlight的WPF元素，和HTML一样，在Web应用程序中XAML同样可以使用声明的标记来创建用户界面，不同的是，XAML提供了更强大的元素。

可以使用强大的Visual Studio codename Orcas Beta1创建Silverlight应用。(Silverlight在编号为“Orcas”Visual Studio Beta1的IDE中作为一个插件而得到支持。)同样Visual Studio为Silverlight提供了开发工具，比如.NET Framework中已经为创建应用程序提供的强大的编辑器、项目管理、调试等等。

设计人员可以轻松的拥有使用Expression Studio进行设计、编译和发布Silverlight应用程序。Expression Studio有创建图像、媒体，设计交互和产生体验需要的一切能力。Expression Blend能够生成XAML进行输出，这样使用Visual Studio的程序员和使用Expression Blend的设计人员可以共享同样的文件。

Flash将会失去垄断地位，互联网将会变得越来越精彩！

silverlight官方网站：
微软SilverLight是一个跨浏览器、跨客户平台的技术，能够设计、开发和发布有多媒体体验与富交互(RIA,Rich Interface Application)的网络交互程序。
因为SilverLight提供了一个强大的平台，能够开发出具有专业图形、音频和视频的Web应用程序，增强了用户体验，所以SilverLight吸引了设计人员和开发人员的眼球。同时，SilverLight还提供了强大的工具来提高他们的工作效率。
SilverLight能创建一种具有很高艺术性的应用程序，具有以下的特点：
◆一种跨浏览器、跨平台的技术。可以在所有流行的浏览器中运行，包括Microsoft Interner Explorer、Mozilla Firefox, Apple Safari, 和Opera，同样可以运行于Microsoft Windows和Apple Mac OS X。
◆无论在哪运行，都能提供一致的用户体验。
◆需要下载很小的文件来安装以支持，只需几秒。
◆它的视频和音频流，视频质量无论从移动设备还是桌面浏览器都是720p HDTV video模式。
◆用户可在浏览器中直接对其进行控制，可以拖动、翻转、放大的图片。
◆它读取数据并且更新外观，但不会通过刷新整体页面来打断用户操作。
SilverLight将多种技术结合到一个开发平台，可以在其中选择符合需求的合适的工具和编程语言。SilverLight提供了如下的特性：
◆WPF和XAML。SilverLight包含了Windows Presentation Foundation(WPF)技术，这个技术在创建用户界面时极大的扩展了浏览器元素。WPF可以创建融合图形、动画、媒体和其他的富客户端特性，扩展了基于浏览器的用户界面，超越了HTML所提供的。可扩展应用程序标记语言(XMAL)提供了创建WPF元素的声明性标记。
◆对于JavaScript的扩展。SilverLight提供了对于全球浏览器脚本语言的扩展，从而为浏览器用户界面提供更加强大的控件，包括与WPF元素工作的能力。
◆跨浏览器，跨平台的支持。SilverLight在所有的流行浏览器(任何平台)运行一致。设计和开发应用程序不需要担心你的用户是什么平台什么浏览器。
◆与现存应用程序的集成。SilverLight可以与已经存在的JavaScript和ASP.NET AJAX代码无缝集成，不会使已经创建的功能缺失。
◆可访问.NET Framework编程模型和相关工具。可以使用托管的Jscrit和IronPython或者C#和VB这样的动态语言来创建基于SilverLight的应用程序。可以使用Visual Studio这样的开发工具来创建基于SilverLight的应用程序。
◆LINQ。SilverLight包含集成查询(LINQ)语言。
◆如果已经使用ASP.NET，可以将SilverLight集成到熟悉的ASP.NET服务器和客户端功能。可以在ASP.NET中创建基于服务器的资源，使用ASP.NET的AJAX特性与服务器端资源交互而不会打断用户。
开发工具：
可以使用已经具有的技能和熟悉的工具来创建基于Silverlight的应用程序，在Web页面中，既可以使用HTML，也可以使用Silverlight的WPF元素，和HTML一样，在Web应用程序中XAML同样可以使用声明的标记来创建用户界面，不同的是，XAML提供了更强大的元素。
可以使用强大的Visual Studio codename Orcas Beta1创建Silverlight应用。(Silverlight在编号为“Orcas”Visual Studio Beta1的IDE中作为一个插件而得到支持。)同样Visual Studio为Silverlight提供了开发工具，比如.NET Framework中已经为创建应用程序提供的强大的编辑器、项目管理、调试等等。
设计人员可以轻松的拥有使用Expression Studio进行设计、编译和发布Silverlight应用程序。Expression Studio有创建图像、媒体，设计交互和产生体验需要的一切能力。Expression Blend能够生成XAML进行输出，这样使用Visual Studio的程序员和使用Expression Blend的设计人员可以共享同样的文件。

(2)Silverlight开发工具Microsoft Expression Blend 2 之“左侧ToolBox”

(2)Silverlight开发工具Microsoft Expression Blend 2 之“左侧ToolBox”

 

相信大家看了第一讲，应该对Blend有了初步的了解，接下来我们详细的介绍Blend。

本讲我们讲详细的学习下ToolBox


 

：区域选择，我们以上次课程为例，首先我们选择 后，在我们的主工作去选择“Hello Silverlight”

，看见四周出现9个小方框，当鼠标在区域附近的时候会有几种不同的使用方法：旋转、变形、尺寸变化，移动

：直接选择，比“区域选择”少了一些功能，但是更直观，大家可以自己体会下

：手型工具，移动整个画布

：缩放工具，小技巧：划区域放缩。大家可以自己试试。双击他可以恢复

：3D旋转工具 （WPF专用，在Silverlight 1.0 or 2.0不支持此项）

：颜色吸取

：颜色填充

：渐变色调节

：钢笔画图，特点：起点终点之间自动连线

：铅笔画图，特点：适合于画写拐点比较多的曲线

：矩形，椭圆，线，绘图

：层绘制工具，主要和布局相关，分别为Grid,Canvas,StackPanel,WrapPanel,DockPanel,ScrollViewer,Border,UniformGrid,ViewBox.等

 

：基本控件，分别为：TextBox,RichTextBox,TextBlock,PasswordBox,Label,FlowDocumentScrollViewer.，其中在Label为WPF专用

：基本控件，分别为Button,CheckBox,ComboBox,ListBox,RadioButton,ScrollBar,Slider,TabControl,GridSplitter.

 

  ：扩展工具，其中包含很多常用控件


 

点击

可以显示出所有控件。

如果你有自定义控件的话点击

将会出现自定义控件

相信大家现在已经对ToolBox有所了解了吧。下讲我们将学习第2区域” States和Object”并用TimeLine来做一些简单的动画效果。

(3上)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””

(3上)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””

   相信大家现在已经对blend不陌生了把，这节课我们学习下怎么用blend绘制出一个好看的button，而且将带一些动画效果。

   我们新建个工程起名叫“MyButton”，从“ToolBox”中放置一个“[Rectangle]”

，接下来我们看我们的右侧

先看第一个选项卡“Project”工程文件，里面包含我们MyButton工程所有文件。Silverlight application /Wpf 工程，一般都是xaml结尾的。Xaml是一种新型的文件格式有点类似xml，他的好处是可以让图像设计人员和程序编写人员很好的结合在一起，高效的完成工作。



 

第二个选项卡“Property”这里有“Brushes”、“Appearance”、“Layout”、“Common Properties”、“Transform”、“Miscellaneous”我们下面将分别对每个工具条介绍下

 

“Brushes”：刷子，顾名思义就是用来填充颜色的，最上面有“Fill”、“stroke”和“OpacityMask” ；Fill：内部填充，stroke：边缘填充，OpacityMask：透明度填充；

：Nobrush即不填充，内部为空

：单色填充

：渐进色填充，也是最有意思的填充



 

【R，G，B，A】：分别对于红、绿、蓝三基色，A：透明度

：梯度渐变色设置，左侧为起始颜色，右侧为终止颜色，当我们设置后我们的矩形区域就变成

，我们也可以自己多增加几个渐变梯度

，再来看看我们的矩形：

可以让我们的图像更丰富，更有立体感。拖住梯度小箭头向下拉即可删除此梯度。

：渐进色设置，前面的直线渐变，后面是圆形渐变

，

：Options中 reflect 为反射，repeat为重复，我们先点击下reflect，看看我们的图形(一定有朋友问“没什么变化啊？“)，我们用ToolBox中的 工具

，

,我们缩小下梯度

，看到变化了吧，这就是reflect，接下来同样的方法用于repeat；

：

这里我们主要说明其中的几个，Opacity：透明度设置，100%为不透明。0%为全透明；visible：是否可见；radiusx：x轴方向曲率；radiusy：y轴方向曲率；strokethickness：边线宽度；

   有了上面的基本知识我们就可以开始制作我们的Demo了：

第一步：在主工作区放置一个“Rectangle”


第二步：设置属性选项卡“Property”，将stroke 和Fill用渐变色填充，radiusx和radiusy都设为14，strokethickness设为5，

其中代码：

  1. <Rectangle Margin="294,191,201,0" RadiusY="14" RadiusX="14" strokeThickness="5" strokeDashCap="Triangle" strokeEndLineCap="Round" strokeDashOffset="0" strokeStartLineCap="Square" strokeDashArray="0 0" Height="44" VerticalAlignment="Top">
  2.             <Rectangle.stroke>
  3.                 <LinearGradientBrush EndPoint="0.498,0" StartPoint="0.502,1">
  4.                     <GradientStop Color="#FF000000"/>
  5.                     <GradientStop Color="#FFFFFFFF" Offset="1"/>
  6.                 </LinearGradientBrush>
  7.             </Rectangle.stroke>
  8.             <Rectangle.Fill>
  9.                 <LinearGradientBrush EndPoint="0.494,1" StartPoint="0.496,0.023" SpreadMethod="Pad">
  10.                     <GradientStop Color="#FF1E4E38" Offset="0"/>
  11.                     <GradientStop Color="#FFDF662C" Offset="0.979"/>
  12.                 </LinearGradientBrush>
  13.             </Rectangle.Fill>
  14.         </Rectangle>

接下来我们放置一个Textblock，改名为“click me”颜色设置为白色，并将它放置在矩形上


 

代码如下：

  1. <UserControl
  2.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.     x:Class="MyButton.Page"
  5.     Width="640" Height="480">
  7.     <Grid x:Name="LayoutRoot" Background="White">
  8.         <Rectangle Margin="294,0" RadiusY="14" RadiusX="14" strokeThickness="5" strokeDashCap="Triangle" strokeEndLineCap="Round" strokeDashOffset="0" strokeStartLineCap="Square" strokeDashArray="0 0" Height="44" VerticalAlignment="Top">
  9.             <Rectangle.stroke>
  10.                 <LinearGradientBrush EndPoint="0.498,1">
  11.                     <GradientStop Color="#FF000000"/>
  12.                     <GradientStop Color="#FFFFFFFF" Offset="1"/>
  13.                 </LinearGradientBrush>
  14.             </Rectangle.stroke>
  15.             <Rectangle.Fill>
  16.                 <LinearGradientBrush EndPoint="0.494,0.023" SpreadMethod="Pad">
  17.                     <GradientStop Color="#FF1E4E38" Offset="0"/>
  18.                     <GradientStop Color="#FFDF662C" Offset="0.979"/>
  19.                 </LinearGradientBrush>
  20.             </Rectangle.Fill>
  21.         </Rectangle>
  22.         <TextBlock Margin="0,207,234,0" textwrapping="Wrap" Foreground="#FFEFE3E3" Height="14" VerticalAlignment="Top" Width="64" HorizontalAlignment="Right"><Run Text="Click Me"/><LineBreak/><Run Text=""/></TextBlock>
  23.     </Grid>
  24. </UserControl>

这样一个好看的按钮我们就完成了，由于本讲内容太多，添加动画效果和事件处理我们将在下次和大家分享。

(3下)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””

(3下)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””

 

我们接着上节继续讲，上节我们把按钮的基本轮廓和颜色都已经完成了，这节我们将加入一些事件处理和动画效果，让我们的按钮更加绚丽；

相信大家一定都很喜欢看电影吧，每个电影都有剧本，演员按照剧本里的要求来表演，什么时候该做什么，什么时候该说什么都是有要求的。同样我们在制作动画的时候也是如此，有些不同我们把“剧本”叫做“Storyboard故事板”，每个故事板都对应一个“TimeLine”，我们把需要运动的对象在TimeLine中设置，然后我们在后台代码中控制“storyboard”，让他开始、停止、暂停、继续。这样一个动画就形成了。

我们先来用“storyboard”制作一个动画效果，让一个矩形水平移动；

我们在主工作区先放置一个矩形，然后改变他的内部填充（渐变填充），再放置一个SL自带的按钮



 

我们来比喻下，那个矩形图形就是我们的演员，那个按钮“Button”就是我们的导演，导演说“开始”那个演员就开始出场，呵呵，我们也能拍电影喽！！下面我们开始写剧本啦！


 

点击

我们new新的“storyboard”


 

点击ok，看看我们界面上多了什么：

 

<!--[if !vml]-->]-->

经过我们的努力“TimeLine”终于出现了，还有那个小红点，表示现在正在录制中。。。相信用过flash的朋友对这个一定很熟悉；

我们先来创建一个起始关键帧：先点击“rectangle” 然后点击

看见那个小白点了吗？那就是我们起始关键帧；


 

我们再来创建结束关键帧，拖动黄色竖到1的位置，并在主工作区水平拖动矩形到另外一个位置，再来看我们的“TimeLine”在1的下方多了一个关键帧


 

再来看我们的主工作区,多了一些点，这些就是轨迹，点的稀疏程度代码移动数度快慢，点越稀速度越快；


 

我们来改变以下他们的运动速度，来个减速运动，在终止点上单击右键，选择”EaseIn”---“75%”,表示减速运动

<!--[if !vml]-->

看见了吗？在结束点那变密集了。

我们点击下

运行，效果不错吧，开始水平运动了!

当大家点击终点帧的时候不知道大家注意到右侧“Property”属性栏了吗？多了一个曲线，这个是做什么的呢？是用来调节速度了，斜率越大加速度越大；


 

下面我们该安排我们的“导演”（按钮）了，

来到我们的工程面板,单击右键，来到“Edit in Visual Studio“,把我们的工程在Visual Studio2008中打开；然后我们在Blend中对按钮添加事件；


 

先选中按钮，再选中“Property“中的


 

用过vs的朋友一定很熟悉这个了，我们双击“Click“，blend将帮助我们自动跳转到vs2008中，他帮我们生成了一个函数Button_Click

  1. private void Button_Click(object sender, RoutedEventArgs e)
  3.         {
  7.         }

我们只需要this.Storyboard1.Begin();一句话就可以让Storyboard1开始运行；

  1. private void Button_Click(object sender, RoutedEventArgs e)
  3.         {
  5.             this.Storyboard1.Begin();
  7.         }

我们Save下，然后按F5运行，然后点击Button，看见了么？开始运动了！！


 

下面我们来改造上节课做的Button；

首先，我们把“Rectangle“和”textblock“用一个canvas包裹起来，方法是：选中他们，然后单击右键选中”Group Into “ -->> “Canvas”，这样我们就把他们组合成一个整体；

1.      给Canvas增加”Mouse Enter”动画，增加一个故事板，起名为“MEnter”这是鼠标移入的效果， 我们给他设置起点和终点帧，我们可以在终点帧上改变字体大小和Rectangle的渐变效果

2.      同样我们用相同的方法给Canvas增加”Mouse Leave”动画，起名为“MLeave”这是鼠标离开时的效果，可以弄一个和MEnter”相反的动画

3.      增加鼠标左键点击时效果“Mouse LeftButton Down”起名为“MDown”

4.      增加鼠标左键放开时效果，可以是“Mouse LeftButton Down”相反动画，起名为“MUp”

然后我们用事件来驱动这些动画效果：

 

  1. private void Canvas_MouseEnter(object sender, MouseEventArgs e)
  3.         {
  5.             this.MEnter.Begin();
  7.         }
  11.         private void Canvas_MouseLeave(object sender, MouseEventArgs e)
  13.         {
  15.             this.MLeave.Begin();
  17.         }
  21.         private void Canvas_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
  23.         {
  25.             this.MDown.Begin();
  27.            
  29.         }
  33.         private void Canvas_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
  35.         {
  37.             this.MUp.Begin();
  39.         }

这是我弄的一些效果：

按钮常态：


 

鼠标移入时：


 

鼠标移出时：


 

鼠标点击时：


 

鼠标方开时：


 

Xaml代码：

  1. <Storyboard x:Name="MEnter" AutoReverse="False" RepeatBehavior="1x">
  2.             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(TextBlock.FontSize)">
  3.                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="11"/>
  4.                 <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="13"/>
  5.             </DoubleAnimationUsingKeyFrames>
  6.             <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)">
  7.                 <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFEFE3E3"/>
  8.                 <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF5DE374"/>
  9.             </ColorAnimationUsingKeyFrames>
  10.             <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
  11.                 <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF1E4E38"/>
  12.                 <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFD4396B"/>
  13.             </ColorAnimationUsingKeyFrames>
  14.             <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
  15.                 <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFDF662C"/>
  16.                 <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFE26B32"/>
  17.             </ColorAnimationUsingKeyFrames>
  18.         </Storyboard>
  19.         <Storyboard AutoReverse="False" RepeatBehavior="1x" x:Name="MLeave">
  20.             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(TextBlock.FontSize)">
  21.                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="13"/>
  22.                 <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="11"/>
  23.             </DoubleAnimationUsingKeyFrames>
  24.             <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(TextBlock.Foreground).(SolidColorBrush.Color)">
  25.                 <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF5DE374"/>
  26.                 <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFEFE3E3"/>
  27.             </ColorAnimationUsingKeyFrames>
  28.             <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
  29.                 <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFD4396B"/>
  30.                 <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF1E4E38"/>
  31.             </ColorAnimationUsingKeyFrames>
  32.             <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
  33.                 <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFE26B32"/>
  34.                 <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFDF662C"/>
  35.             </ColorAnimationUsingKeyFrames>
  36.         </Storyboard>
  37.         <Storyboard x:Name="MDown">
  38.             <PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.stroke).(LinearGradientBrush.StartPoint)">
  39.                 <SplinePointKeyFrame KeyTime="00:00:00.3000000" Value="0.494,0"/>
  40.             </PointAnimationUsingKeyFrames>
  41.             <PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.stroke).(LinearGradientBrush.EndPoint)">
  42.                 <SplinePointKeyFrame KeyTime="00:00:00.3000000" Value="0.506,1"/>
  43.             </PointAnimationUsingKeyFrames>
  44.         </Storyboard>
  45.         <Storyboard x:Name="MUp">
  46.             <PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.stroke).(LinearGradientBrush.StartPoint)">
  47.                 <SplinePointKeyFrame KeyTime="00:00:00" Value="0.502,0"/>
  48.                 <SplinePointKeyFrame KeyTime="00:00:00.2000000" Value="0.501999974250793,1"/>
  49.             </PointAnimationUsingKeyFrames>
  50.             <PointAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.stroke).(LinearGradientBrush.EndPoint)">
  51.                 <SplinePointKeyFrame KeyTime="00:00:00" Value="0.498,1"/>
  52.                 <SplinePointKeyFrame KeyTime="00:00:00.2000000" Value="0.497999995946884,0"/>
  53.             </PointAnimationUsingKeyFrames>
  54.         </Storyboard>
  55.     </UserControl.Resources>
  57.     <Grid x:Name="LayoutRoot">
  58.         <Grid.ColumnDeFinitions>
  59.             <ColumnDeFinition Width="0*"/>
  60.             <ColumnDeFinition Width="143"/>
  61.             <ColumnDeFinition Width="*"/>
  62.         </Grid.ColumnDeFinitions>
  63.         <Grid HorizontalAlignment="Stretch" Grid.Column="1" Grid.ColumnSpan="2">
  64.             <Canvas MouseEnter="Canvas_MouseEnter" MouseLeave="Canvas_MouseLeave" Cursor="Hand" MouseLeftButtonDown="Canvas_MouseLeftButtonDown" MouseLeftButtonUp="Canvas_MouseLeftButtonUp">
  65.                 <Rectangle RadiusY="14" RadiusX="14" strokeThickness="5" strokeDashCap="Triangle" strokeEndLineCap="Round" strokeDashOffset="0" strokeStartLineCap="Square" strokeDashArray="0 0" Height="44" Width="145" x:Name="rectangle">
  66.                     <Rectangle.stroke>
  67.                         <LinearGradientBrush EndPoint="0.498,0" StartPoint="0.502,1">
  68.                             <GradientStop Color="#FF000000"/>
  69.                             <GradientStop Color="#FFFFFFFF" Offset="1"/>
  70.                         </LinearGradientBrush>
  71.                     </Rectangle.stroke>
  72.                     <Rectangle.Fill>
  73.                         <LinearGradientBrush EndPoint="0.494,1" StartPoint="0.496,0.023" SpreadMethod="Pad">
  74.                             <GradientStop Color="#FF1E4E38" Offset="0"/>
  75.                             <GradientStop Color="#FFDF662C" Offset="0.979"/>
  76.                         </LinearGradientBrush>
  77.                     </Rectangle.Fill>
  78.                 </Rectangle>
  79.                 <TextBlock textwrapping="Wrap" Foreground="#FFEFE3E3" Height="14" Width="64" Canvas.Left="48" Canvas.Top="16" x:Name="textBlock"><Run Text="Click Me"/><LineBreak/><Run Text=""/></TextBlock>
  80.             </Canvas>
  81.         </Grid>

(4)Silverlight开发工具Microsoft Expression Blend 2 之“Combine切割组合效果”

(4)Silverlight开发工具Microsoft Expression Blend 2 之“Combine切割组合效果”

Hello，大家好，很高兴今天继续为大家写东西，昨天是农历的“霜降”，果然是霜降啊，今天温度急降，晚上零下一度了，呵呵，东北就是东北，有点冷！

       我们言归正题，今天我们介绍下在blend中怎么进行图形的剪切、组合，以及当图形重叠时的效果处理，希望能帮助到大家。

       今天我们主要应用“Combine”来做一些效果，他在菜单栏---object---combine中：

 

Combine给我们提供五种操作方法分别是“Untie”、“Divide”、“Intersect”、“Subtract”、“Exclude Overlap”，我们分别解释下它们都怎么使用：

我们要实现图像的剪切和组合等效果就必须有两个或两个以上的图形才能操作，

我们在主工作区先画一个矩形，再画一个圆形：

 

由于我是后画的圆形，所以圆形覆盖了矩形一部分，如果大家想改变叠放顺序可以改变“Layout”中的“Zindex”，值最大的在最上方；
下面我们选中它们两个，并单击右键：

 

 

我们先选择“Untie”

 

 

两个图形合并成了一个图形，就像数学集合中的“并集”，现在它们已经组合成一个Path，这就意味这是一个矢量图形，我们可以通过拽动他的关键点来任意的修改他：

 

 

 

我们Ctrl+Z恢复到起始图形：

 

我们再来选择“Divide”

 

 

它们依然是合并了，但是保留了重叠部分的边框，而且上下层同时可见；

 

我们再来选择“Intersect”

 

 

这回可是大变样了，只保留了公共部分，而且边框可见

 

我们再来选择“Subtract”

 

 

去掉了重叠部分及下层

我们再来选择“Exclude Overlap”

 

 

裁剪掉了重叠部分，并且保留了边框

 

下面我们来看以下图形重叠时怎么用透明度：

因为圆形在上，我们设置圆形Fill填充中的A=50%

 

 

再来看看效果

 

 

 

有了这些特效，我们可以发挥想象来制作出很漂亮的图形，例如玻璃特效等等！

今天我们就先讲到这，我们明天继续！谢谢大家！

今天的关于请问microsoft silverlight能卸载吗，我不知道什么时和microsoft silverlight可以卸载吗的分享已经结束，谢谢您的关注，如果想了解更多关于(2)Silverlight开发工具Microsoft Expression Blend 2 之“左侧ToolBox”、(3上)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””、(3下)Silverlight开发工具Microsoft Expression Blend 2 之“States和Object面板简单“按钮””、(4)Silverlight开发工具Microsoft Expression Blend 2 之“Combine切割组合效果”的相关知识，请在本站进行查询。

本文标签：

上一篇新手怎么做Windows应用程序开发？（新手怎么做windows应用程序开发）

下一篇手机搜索seo(手机搜索不到自家wifi)（手机搜索不到wifi怎么办?）

相关文章