SilverlightShow: Using the Image control in Silverlight Comments

Re: Using the Image control in Silverlight

Enrai — Mon, 27 Feb 2012 15:12:02 GMT

Silverlight still supports only PNG and JPG image formats. But I found an interesting post of Joe Stegman. It is about a parser that can import ico files in Silverlight applications. Here is a link to it: http://blogs.msdn.com/b/jstegman/archive/2009/09/13/silverlight-ico-icon-decoder-parser.aspx

Re: Using the Image control in Silverlight

weitzhandler — Wed, 22 Feb 2012 17:19:30 GMT

Is *.ico supported as well?

Re: Using the Image control in Silverlight

HawaDera — Fri, 04 Nov 2011 23:59:52 GMT

I want to make selecting tool to select rectangle,circular,and free hand bath to select apart of image and copy it do you have any idea how can i do this

RE: Using the Image control in Silverlight 2

Mujtaba — Wed, 28 Jul 2010 10:23:18 GMT

Thanks, very useful article and easily explained!

RE: Using the Image control in Silverlight 2

Josh — Wed, 05 May 2010 22:42:44 GMT

How to zoom/magnify window on mouse over..

RE: Using the Image control in Silverlight 2

Jinesh — Sat, 06 Mar 2010 11:06:17 GMT

how to save an image in an image control, where the control got the image dynamically.

RE: Using the Image control in Silverlight 2

pavan — Tue, 19 Jan 2010 15:21:52 GMT

am doing image slide show ........my task is put to play/pause buttons on images ........so the slideshow should wil start/pause...by clicking the button

RE: Using the Image control in Silverlight 2

Harry — Mon, 23 Nov 2009 09:29:54 GMT

Hi Rob,

Why are you diverting the post from technical to continent level.

Regards,

Harry

RE: Using the Image control in Silverlight 2

Tue, 03 Nov 2009 02:31:37 GMT

Why doesn't Microsoft follow the convention of Visual Studio and allow developers to use VB. I can do C# but it takes much more thought as I am a Visual basic guy...

-T

RE: Using the Image control in Silverlight 2 Beta 1

Rhine — Mon, 16 Feb 2009 21:14:37 GMT

Thank you!

This one is very helpful~

Cheers

RE: Using the Image control in Silverlight 2 Beta 1

Rob — Tue, 13 Jan 2009 22:37:01 GMT

It disgusts me the way any comments box on any technical site is used by every indian in the subcontinent to rudely ask how to perform some simple task. Research it or figure it out yourselves.

RE: Using the Image control in Silverlight 2 Beta 1

Praveen — Mon, 29 Sep 2008 04:41:26 GMT

Do we have option to convert gif files to jpeg files dynamically inside our xaml.cs page?

Thanks,

Praveen

RE: Using the Image control in Silverlight 2 Beta 1

Enrai — Fri, 05 Sep 2008 04:53:31 GMT

For the moment Silverlight has no support for gif images. Maybe in the next versions it will be possible, but for now we can only use jpeg and png formats.

RE: Using the Image control in Silverlight 2 Beta 1

Baba — Sun, 10 Aug 2008 23:43:00 GMT

Hi,

Good post.

What is solution for loading .gif images?

RE: Using the Image control in Silverlight 2 Beta 1

Enrai — Mon, 07 Jul 2008 02:28:58 GMT

Dil, yes, you can load image dynamically. Just set its source property as shown bellow:

   myImage.Source = new BitmapImage( new Uri( "GiantSeaTurtle.jpg", UriKind.Relative ) );

You can also change the source to another image, when you set it again. To do it in an exact period of time you should use timer. In Silverlight 2 you can create timer using the DispatcherTimer class. For this example I define it in the Page() constructor:

   public Page()

       InitializeComponent();

       DispatcherTimer timer = new DispatcherTimer();

       timer.Interval = new TimeSpan( 0, 0, 1 ); //the period is one second

       timer.Tick += new EventHandler( Tick );

       timer.Start();

The Tick event is raised every second now and in the event handler we can change the source of the image:

   private void Tick( object sender, EventArgs e )

       //Change the image source here

In this event you should place your logic for changing the images. Here is a demo and if you're interested you can see the source code here.

In Silvester Emil also uses a timer to update the data in exact periods of time, if you are interested take a look at his article too.

RE: Using the Image control in Silverlight 2 Beta 1

dil — Fri, 04 Jul 2008 01:29:22 GMT

how can i load different images(one after other) dynamically in a single image control with a period of time.

RE: Using the Image control in Silverlight 2 Beta 1

dil — Fri, 04 Jul 2008 01:14:42 GMT

how can i load image dynamically in a single image control

RE: Using the Image control in Silverlight 2 Beta 1

Enrai — Tue, 01 Jul 2008 05:34:31 GMT

As far as I know, Silverlight doesn't support .gif files yet.

RE: Using the Image control in Silverlight 2 Beta 1

Rupak Ganguly — Tue, 24 Jun 2008 09:51:09 GMT

Does Silverlight support .gif image files? I can display png and jpg files but having trouble with gifs. Any help appreciated.

RE: Using the Image control in Silverlight 2 Beta 1

Enrai — Thu, 22 May 2008 10:17:00 GMT

Vikram, if you try to set the source of the image to a URL in the codebehind file it won’t work. In order to set the Image control’s source dynamically you should use a BitmapImage. Here is a sample code:

// The name of our Image control is MyImage. We will use the
// BitmapImage class and its UriSource property to set the path to the
// desired image. The image path can be passed as parameter.
BitmapImage myImage = new BitmapImage();
string imagePath = "/Images/SampleImage.jpg";
myImage.UriSource = new Uri( imagePath, UriKind.Relative );
MyImage.Source = myImage;

RE: Using the Image control in Silverlight 2 Beta 1

Vikram — Wed, 14 May 2008 12:39:42 GMT

Hi, How do I load the image if I just know the relative path of the image at runtime. for example, if all my images are in applicationpath\images folder and I get the image name as the parameter to the silverlight application, I should be able to check if the image exists and then load the image. Regards Vikram

RE: Using the Image control in Silverlight 2 Beta 1

rajahram — Tue, 13 May 2008 20:49:31 GMT

Hi Enrai, I have a World Map Image. On Selecting a country in the dropdown, I need to highlight the country or the particular co-ordinates by blinking it or doing any of the animations. Can you help me on this? Thanks, Rajah

RE: Using the Image control in Silverlight 2 Beta 1

rajahram — Tue, 13 May 2008 03:03:59 GMT

Many Thanks Enrai!!!!!! :)

RE: Using the Image control in Silverlight 2 Beta 1

Enrai — Fri, 09 May 2008 04:14:49 GMT

To do that you must know the coordinates of the region of each country on the image. This is the hardest part and it is out of this article’s scope. You need to create a handler for the MouseMove event of the image. In it you should get the position of the pointer and find to which country they correspond. Then you can use a TextBlock control to display the country name and use the Top and Left properties to position it. Here is an example handler:

private void MyImage_MouseMove( object sender, MouseEventArgs e )

{

// You have to create a function that returns the name of the country based on the coordinates of the mouse, for example GetCountryName()

TextBlock.Text = GetCountryName( e.GetPosition( MyImage ) );

// Use methods of the layout control that contains the TextBlock to position it.

Canvas.SetTop( TextBlock, e.GetPosition( MyImage ).Y );
Canvas.SetLeft( TextBlock, e.GetPosition( MyImage ).X );

}

RE: Using the Image control in Silverlight 2 Beta 1

rajahram — Wed, 07 May 2008 00:52:27 GMT

I need to display a world map. I should display the name of the country on keeping the mouse pointer over the country. Can you please help me?

RE: Using the Image control in Silverlight 2 Beta 1

Enrai — Tue, 29 Apr 2008 00:33:46 GMT

I guess you are using a Web site to host your Silverlight application. Look in your project's directory, there are two folders - one for the Silverlight application and one for the Web site. In the Web site folder there is also a ClientBin directory, which also contains a .xap file. The Web site uses this file, not the one in the Silverlight application folder, where your images are. Simply create a folder for the images in the Web site directory too.

RE: Using the Image control in Silverlight 2 Beta 1

rajahram — Fri, 25 Apr 2008 22:44:01 GMT

Hi Martin, I have My Image in the following folder. C:\Projects\Map\Map\ClientBin\Images My code is: But the Image is not getting visibled in the screen. Also there is another ClientBin folder in the path C:\Projects\Map\Map_Web\ClientBin\Images Please let me know in which folder do I need to place the Image. Please help me on this issue. Thanks, Rajah