当前位置:主页   - 电脑 - 图形图像 - Flash
Fun with Silverlight系列之一 -- 倒影效果
来源:网络   作者:   更新时间:2012-05-13
收藏此页】    【字号    】    【打印】    【关闭

  本文示例源代码或素材下载

  在Silverlight中实现倒影效果和在WPF中稍有不同,

  在WPF中可以用VisualBrush 实现,具体如下:

  要反射的内容:1<Border Name="inkBorder" Grid.Row="0" VerticalAlignment="Bottom" Margin="20"
2      Width="400" Height="100" CornerRadius="5" BorderThickness="4">
3   <Border.BorderBrush>
4    <LinearGradientBrush SpreadMethod="Reflect" StartPoint="0,0" EndPoint="0.5,0.5">
5    <LinearGradientBrush.GradientStops>
6     <GradientStop Color="Gray" Offset="0" />
7      <GradientStop Color="#eeeeee" Offset="1" />
8     </LinearGradientBrush.GradientStops>
9     </LinearGradientBrush>
10   </Border.BorderBrush>
11   <InkCanvas Background="Yellow">
12     <Line X1="10" Y1="70" X2="380" Y2="70" Stroke="Gray"/>
13   </InkCanvas>
14  </Border>

  倒影内容:

1 <Rectangle.Fill>
2  <VisualBrush
3   Visual="{Binding ElementName=inkBorder}">
4   <VisualBrush.RelativeTransform>
5    <TransformGroup>
6     <ScaleTransform ScaleX="1" ScaleY="-1" />
7     <TranslateTransform Y="1" />
8    </TransformGroup>
9   </VisualBrush.RelativeTransform>
10  </VisualBrush>
11 </Rectangle.Fill>
关键在于这句话<ScaleTransform ScaleX="1" ScaleY="-1" /> 表示控件的反转效果,后面也会用到这个技巧。

其它资源
来源声明

版权与免责声明
1、本站所发布的文章仅供技术交流参考,本站不主张将其做为决策的依据,浏览者可自愿选择采信与否,本站不对因采信这些信息所产生的任何问题负责。
2、本站部分文章来源于网络,其版权为原权利人所有。由于来源之故,有的文章未能获得作者姓名,署“未知”或“佚名”。对于这些文章,有知悉作者姓名的请告知本站,以便及时署名。如果作者要求删除,我们将予以删除。除此之外本站不再承担其它责任。
3、本站部分文章来源于本站原创,本站拥有所有权利。
4、如对本站发布的信息有异议,请联系我们,经本站确认后,将在三个工作日内做出修改或删除处理。
请参阅权责声明