MSDN 教学短片 WPF 6(VisualBrush做倒影)

VisualBrush做倒影

我们先看下效果

 

我们用到的是一个Textbox,一个Rectangle。

思路是：我们在Ractangle里填充VisualBrush,并绑定Textbox.

下面看代码：

<Grid>
        <TextBox Height="40" Margin="42,51,40,0" Name="textBox1" VerticalAlignment="Top" FontSize="24" />
        <Rectangle Margin="42,102,42,0" Name="rectangle1" Stroke="Black" Height="40" VerticalAlignment="Top" StrokeThickness="0">
            <Rectangle.Fill>
                <VisualBrush Visual="{Binding ElementName=textBox1}">
                    <VisualBrush.RelativeTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="1" ScaleY="-1" />
                            <TranslateTransform Y="1" />
                        </TransformGroup>
                    </VisualBrush.RelativeTransform>
                </VisualBrush>
            </Rectangle.Fill>
        </Rectangle>
    </Grid>

这里的ScaleX是：

获取或设置 x 方向的缩放比例。这是一个依赖项属性。

返回值:
x 方向的缩放比例。默认值为 1。

ScaleY是：

获取或设置 y 方向的缩放比例。这是一个依赖项属性。

返回值:
y 方向的缩放比例。默认值为 1。

按F5运行.