Change image Opacity : Image « Graphics « Silverlight






Change image Opacity

   

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
<Image Source="image.jpg"
       Height="100" Width="200"
       VerticalAlignment="Top"
        Margin="100,50,50,0"
       RenderTransformOrigin="0.5,0.5" >
     <Image.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform AngleX="-5" AngleY="10"/>

             <RotateTransform/>
             <TranslateTransform/>
        </TransformGroup>
     </Image.RenderTransform>
</Image>
<Image Source="image.jpg"
       Height="100" Width="200"
       RenderTransformOrigin="0.5,0.5"
       Opacity="0.45"
        Margin="0,100,30,30">
    <Image.RenderTransform>
        <TransformGroup>
            <ScaleTransform ScaleY="-0.7"/>
            <SkewTransform AngleX="-45" AngleY="10"/>
             <RotateTransform/>
             <TranslateTransform/>
        </TransformGroup>
     </Image.RenderTransform>
</Image>
</UserControl>

   
    
    
  








Related examples in the same category

1.Creating an Image
2.Animating Opacity in JPEG Images
3.Add image control to Canvas
4.Rendering Clipped JPEG ImagesRendering Clipped JPEG Images
5.Applying Transforms to JPEG Images
6.Image Brushes and JPEG ImagesImage Brushes and JPEG Images
7.Adds two Image controls to a grid, one to row 1 column 0 and the second to row 2 column 0
8.Rotate controls counterclockwise by setting Angle to a negative value between 0 and -360
9.Use the Image element with a reference to a URI
10.Using an Image as an Opacity Mask
11.Using the Jpeg Image
12.Image element
13.Image as Resource
14.Load image from a URI
15.Different image stretch optionsDifferent image stretch options
16.Reflection effects
17.DropShadows ImagesDropShadows Images
18.An Image that uses a picture from another domain
19.Referencing a relative multiscale image in XAML
20.Referencing a relative multiscale image at runtime
21.Zoom a MultiScaleImage
22.Use of the None option on an adequately sized Image element
23.Image Stretch=Uniform
24.Image Stretch=Fill
25.Image Stretch=UniformToFill
26.Blur an Image
27.Image Drops Sharow
28.Use slider to rotate an Image
29.Image Reflection