且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

wpf中的倒影效果实现

更新时间:2022-03-07 11:10:41

原文:wpf中的倒影效果实现

      wpf中的倒影效果实现

<TextBox Name="txt"

                     FontSize="30"
                     AcceptsReturn="True"
                     AcceptsTab="True">abcdefghigklmnopqrstuvwxyz</TextBox>
            <Rectangle RenderTransformOrigin="1,0.5" Height="40">
                <Rectangle.Fill>
                    <!--得到元素的外观-->
                    <VisualBrush Visual="{Binding ElementName=txt}" />
                </Rectangle.Fill>
                <Rectangle.RenderTransform>
                    <!--反转效果-->
                    <ScaleTransform ScaleY="-1" />
                </Rectangle.RenderTransform>
                <Rectangle.OpacityMask>
                    <!--反射的透明效果-->
                    <LinearGradientBrush StartPoint="0,0"
                                         EndPoint="0,1">
                        <GradientStop Offset="0.3"
                                      Color="Transparent" />
                        <GradientStop Offset="1"
                                      Color="#44000000" />
                    </LinearGradientBrush>
                </Rectangle.OpacityMask>
            </Rectangle>