WEB开发网
开发学院图形图像Flash Fun with Silverlight系列之一 -- 倒影效果 阅读

Fun with Silverlight系列之一 -- 倒影效果

 2008-10-11 11:42:00 来源:WEB开发网   
核心提示: 效果:现在设置添加ScaleTransform 并且添加Y轴属性为-1,反转这个控件1<InkPresenter Canvas.Left="70" Canvas.Top="180" Name="inkMirror" Widt

效果:

Fun with Silverlight系列之一 -- 倒影效果

现在设置添加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>

现在看一下反转的效果:

Fun with Silverlight系列之一 -- 倒影效果

上一页  1 2 3 4 5  下一页

Tags:Fun with Silverlight

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接