学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果

本文将综合前面几篇关于图形图像处理的技术,如画刷、半透明遮罩、 Transform等,实现一个水中倒影效果的示例。

Step 1:素材准备

最终我们实现的效果图将会如下所示:

先准备一张图片,这里我使用了一张液晶显示器的图片:)

Step 2:创建图片

首先我们创建一个图片,使用Image控件,并进行定位

<Canvas Background="#000000">
  <Image Canvas.Top="20" Canvas.Left="182" Source="a.png">
   </Image>
</Canvas>

运行后应该看起来如下所示:

开发学习">

时间: 2024-09-21 11:13:21

学Silverlight 2系列(31):图形图像综合实例—实现水中倒影效果的相关文章

一步一步学Silverlight :图形图像综合实例---实现水中倒影效果

概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON.Web Service.WCF以及Sockets的支持等一系列新的特性.<一步一步学Silverlight 2系列>文章将从Silverlight 2基础知识.数据与通信.自定义控件.动画.图形图像等几个方面带您快速进入Silverlight 2开发. 本文将综

学Silverlight 2系列(32):图形图像综合实例—“功夫之王”剧照播放

本文我们再实现一个图形图像实例--图片播放,并利用Storyboard实现一 些动画效果. 今天我也当一回"标题当":),其实就是实现一个简单的图片播放器,跟" 功夫之王"剧照半点关系也没有,只不过我上网找了几张即将播出的的电影<功 夫之王>的剧照,作为我们的示例图片. 实现效果 最终我们实现的效果如下,初始界面 点击左边或者右边小图片播放 再来一张播放中的

学Silverlight 2系列(15):数据与通信之ASMX

本文将简单介绍在Silverlight 2中如何与ASMX进行通信. 简单示例 本文的示例非常简单,其过程也跟我们在一步一步学Silverlight 2系列(14 ):数据与通信之WCF中差不多,我们仍然显示一个最新随笔的列表,最终完成 后效果如下所示: 定义一个业务实体Post. public class Post { public int Id { get; set; } public string Title { get; set; } public string Author { get

学Silverlight 2系列(13):数据与通信之WebRequest

本文将简单介绍在Silverlight 2中如何使用WebRequest进行数据的提交和获 取. 简单示例 在本文中,我们仍然使用在一步一步学Silverlight 2系列(12):数据与通 信之WebClient中用过的示例,只不过稍微做一点小的改动,使用WebRequest提 交书籍编号数据,并根据书籍号返回价格信息.最终运行的结果如下图: 编写界面布局,XAML如下: <Grid Background="#46461F"> <Grid.RowDefinition

学Silverlight 2系列(1):创建一个基本的Silverlight应用

概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来 了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON.Web Service.WCF以及Sockets的支持等一系列新的特性 .<一步一步学Silverlight 2系列>文章带您快速进入Silverlight 2开发. 本文为系列第一篇创建一个基本的Silverlight 2应用,不能免俗,从最简单 的Hell

学Silverlight 2系列(26):基本图形

本文将简单介绍Silverlight中的基本图形,主要有Line.Ellipse. Rectangle.Path.Polygon.Polyline六种,它们之间的继承关系如下所示: 在Silverlight中,所有的图形几乎都具有如下几个重要的属性: Stroke:对边框线填充 StrokeThickness:边框线的宽度 Fill:对图形进行填充 Line Line顾名思义,在两点之间画出一条直线,需要指定起始点(X1.Y1)和终 结点(X2.Y2)的坐标.如下面的例子: <Canvas Ba

学Silverlight 2系列(18):综合实例之RSS阅读器

本文将综合前面十七篇讲过的界面布局.样式.控件模板.数据绑定.网络 通信等几个方面,来开发一个综合实例--简易RSS阅读器. 界面布局 我们最终完成的RSS阅读器界面如下: 定义一个三行两列的Grid,分别放置顶部信息.分割线和下面的内容区: <Grid.RowDefinitions> <RowDefinition Height="50"></RowDefinition> <RowDefinition Height="20"

学Silverlight 2系列(30):使用Transform实现更炫的效果(下)

本文为使用Transform实现更炫的效果第二部分,在Silverlight中提供了四 种基本变换:旋转变换(RotateTransform ).缩放变换(ScaleTransform). 倾斜变换(SkewTransform).移动变换(TranslateTransform)和两种复杂的 变换:变换组(TransformGroup).矩阵变换(MatrixTransform ),这些变换 可以运用到任何控件或者图形图像. 矩阵变换(MatrixTransform ) 矩阵变换MatrixTra

学Silverlight 2系列(29):使用Transform实现更炫的效果(上)

本文为理解Silverlight中的变换(Transformations)第一部分,在 Silverlight中提供了四种基本变换:旋转变换(RotateTransform ).缩放变 换(ScaleTransform).倾斜变换(SkewTransform).移动变换 (TranslateTransform)和两种复杂的变换:变换组(TransformGroup).矩阵 变换(MatrixTransform ),这些变换可以运用到任何控件或者图形图像. 旋转变换(RotateTransform