wpf学习篇 之 图片倒影

原创 2007年09月21日 10:57:00
 <Window
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 x:Name="Window"
 Title="ImageReflection"
 Width="400" Height="600" Background="#FF840909">
 
<Viewbox><!-- 可以理解为视窗-->
    <StackPanel Margin="10"><!--一个容器,用来装其他的控件,该控件从pannel派生-->
      <Border BorderBrush="White" BorderThickness="8" Width="262.999" Height="354.833" Background="#FF130202">
        <!--Border 可以理解为边框,BorderBrush为边框颜色,BorderThickness为边框厚度,-->
        <Image Source="vv9xyoiq3028.jpg" x:Name="myVisual" Stretch="Fill"/>
        <!--Source路径要设置正确,x:Name 相当于该控件的Name,Stretch 枚举类型,四个值:None,Fill,Uniform,UniformToFill -->
      </Border>
      <Border BorderBrush="White" BorderThickness="8" Width="263.621" Height="185.429">
        <Border.RenderTransform><!-- 这是控制框的倾斜-->
          <SkewTransform CenterX="0" CenterY="0" AngleX="-50" AngleY="0"/>
           <!--SkewTransform  从 Transform 派生-->
        </Border.RenderTransform>
        <Border.OpacityMask><!--透明性设置-->
          <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"><!--按线性渲染 LinearGradientBrush 从GradientBrush派生-->
           <GradientStop Offset="0" Color="#FF000000"/>
           <GradientStop Offset="0.8" Color="#00000000"/>
          </LinearGradientBrush>
        </Border.OpacityMask>
        <Border.Background>
          <VisualBrush Visual="{Binding ElementName=myVisual}"><!--VisualBrush 从 TileBrush派生
                    Visual为设置其 Brush的内容 -->
            <VisualBrush.RelativeTransform><!--设置翻转角度等-->
              <ScaleTransform ScaleX="1" ScaleY="-1" CenterX="0.5" CenterY="0.5"/>
            </VisualBrush.RelativeTransform>
          </VisualBrush>
        </Border.Background>
      </Border>
    </StackPanel>
  </Viewbox>
</Window>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

WPF技术触屏上的应用系列(四): 3D效果图片播放器(图片立体轮放、图片立体轮播、图片倒影立体滚动)效果实现

去年某客户单位要做个大屏触屏应用,要对档案资源进行展示之用。客户端是Window7操作系统,54寸大屏电脑电视一体机。要求有很炫的展示效果,要有一定的视觉冲击力,可触控操作。当然满足客户的要求也可以有...

WPF倒影效果

  • 2011-11-02 13:57
  • 335KB
  • 下载

Android 使用三种方式缓存加载 倒影图片

package com.android.imooc.gallery;import java.lang.ref.SoftReference; import java.util.Hashtable; im...
  • lovoo
  • lovoo
  • 2016-06-08 22:51
  • 343

图片倒影效果

  • 2014-05-14 10:25
  • 169KB
  • 下载

JS倒影图片轮播

  • 2016-10-10 14:53
  • 657KB
  • 下载

扣丁音乐(七)——音乐进度条拖动 循环模式 专辑图片倒影功能实现

一丶效果演示 二丶实现功能介绍及思路设计 前几篇的博客被指出:纯贴代码没什么用,解释下,本博客是由视频转博客的笔记及自己加深的一些功能,觉得提供代码是最有效的,虽然如此还是觉得屡一下思路是很有必要...

Android:图片倒影效果

  • 2013-11-01 14:18
  • 1014KB
  • 下载

Android进阶2之图片倒影效果

先来个效果图看看。 他是怎么样实现的呢?其实很简单! 第一:利用Matrix矩阵来实现图片的旋转。 第二:利用旋转后的图片创建一个位图reflectionImage,宽度不变,高度是...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)