Aggiungere un effetto 'mirror' ad un elemento WPF

Scritto da  Pietro Libro il venerdì 20 agosto 2010  •  Linguaggio:    • Livello: 100


Se abbiamo un bottone WPF (o altro elemento) a cui vogliamo aggiungere un effetto mirror (specchio) possiamo utilizzare un oggetto Border impostandone le proprietà nel seguente modo:

<!-- Button a cui vogliamo applicare l'effetto mirror -->

<Button Height="35" HorizontalAlignment="Left" Name="button1" VerticalAlignment="Top" Width="75"  Content="Button1" />

<!-- Border impostato per eseguire l'effetto desiderato -->

<Border Height="28" HorizontalAlignment="Left"  Name="border1" VerticalAlignment="Top" Width="75" RenderTransformOrigin="0.5,0.5">

    <Border.Background >

        <VisualBrush Visual="{Binding ElementName=button1}" />

    </Border.Background>



    <Border.RenderTransform>

        <ScaleTransform ScaleX="1" ScaleY="-1"  />

    </Border.RenderTransform>



    <Border.OpacityMask>

        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">                

            <GradientStop Offset="0.0" Color="Transparent"  ></GradientStop>

            <GradientStop Offset="0.4" Color="Transparent" ></GradientStop>

            <GradientStop Offset="1" Color="White"  ></GradientStop>

        </LinearGradientBrush>

    </Border.OpacityMask>

</Border>


Tags: WPF,windows presentation

 
x