Fun with Silverlight系列之一 -- 倒影效果
2008-10-11 11:42:00 来源:WEB开发网核心提示: 效果:现在设置添加ScaleTransform 并且添加Y轴属性为-1,反转这个控件1<InkPresenter Canvas.Left="70" Canvas.Top="180" Name="inkMirror" Widt
效果:
现在设置添加ScaleTransform 并且添加Y轴属性为-1,反转这个控件
1 <InkPresenter Canvas.Left="70" Canvas.Top="180" Name="inkMirror" Width="400" Height="100"
2
3RenderTransformOrigin="0.5,0.5">
4 <InkPresenter.RenderTransform>
5 <TransformGroup>
6 <ScaleTransform ScaleX="1" ScaleY="-1" />
7 <TranslateTransform Y="1" />
8 </TransformGroup>
9 </InkPresenter.RenderTransform>
10 <Rectangle Width="400" Height="100">
11 <Rectangle.Fill>
12 <ImageBrush ImageSource="inkbackground.jpg"/>
13 </Rectangle.Fill>
14 </Rectangle>
15 <TextBlock Name="writeHereMirror" Text="Write Here" FontSize="72" FontFamily="Comic Sans MS"
16
17Foreground="#80808080">
18 </TextBlock>
19 </InkPresenter>
现在看一下反转的效果:
Tags:Fun with Silverlight
编辑录入:爽爽 [复制链接] [打 印]- ››silverlight全屏显示图片
- ››Silverlight MVVM 模式(一) 切近实战
- ››Silverlight for Windows Phone 7开发系列(1):...
- ››Silverlight for Windows Phone 7开发系列(2):...
- ››Silverlight for Windows Phone 7开发系列(3):...
- ››Silverlight for Windows Phone 7开发系列(4):...
- ››Silverlight for Symbian
- ››Silverlight3系列(四)数据绑定 Data Binding 1
- ››silverlight2 游戏 1 你能坚持多少秒
- ››Silverlight开发实践--PicZoomShow
- ››Silverlight自定义控件开发 - 令人懊恼的OnApplyT...
- ››Silverlight 2 RTW中ToolTipService.ToolTip不继承...
更多精彩
赞助商链接