This example shows how to customize visual effect in ImageLoader.

Example

Description

When an image is loaded, the built-in animation will fade out the progress bar along with the default image and fade in the actual image. This animation delivers a smooth user experience particularly when you load an image from external source. You can also disable this feature if necessary by setting the UseAnimation property to False.

The following code shows the animation of the ImageLoader is disabled by set UseAnimation property to False.

Code

<Grid x:Name="LayoutRoot">
    <Intersoft:ImageLoader Height="200" Name="imageLoader1" Width="200" ImageSource="/ClientUIApplication1;component/Images/Application_and_Software_1.jpg" UseAnimation="False">
    </Intersoft:ImageLoader>
</Grid>