animate image , using customized ImageVObject or VObject

We want to do image animation by customizing ImageVObject or VObject.

We plan to use a list of Images and dynamically redraw each image at a time interval of a timer to create animation effect.

We tried to customize ImageVObject and VObject but did not do it successfully.

The problem : when overriding Draw Method for our customized object, the instance created on mutipleLayerViewer does not have all those supporting actions: drag, resize, rotate, etc. Hence, the instance can not be editted.

Any recommandation how to implment animation, using Customizing ImageVObject or VObject ?

Our situation decides that we can not use animated gif.

We want the customizing object to animate at one time and not animate at another time, depending on a particular property value of the object.

Hello,

Yes, we want to use multilayer viewer as a graphic editor.

The graphic elements which we want to edit on this graphic editor include following:

1. static image, this is something like ImageVObject of Graphics Mill.
2. Animation, namely, a list of images which can be drawn at a time interval. This is something like animated gif of different frames. But we want to override draw method of ImageVObject or VObject
( Draw(System.Drawing.Rectangle renderingRect, System.Drawing.Graphics g, Aurigma.GraphicsMill.WinControls.ICoordinateMapper coordinateMapper) ) to draw a particular image in the image list.

E.G Here is a image list which consists of image1.png, image2. png, image3.png, image4.png .. image10.png

When we put this customized object on multilayer viewer, the image from image1.png is drawn just like a instance of ImageVObject. But if we change a property value of customized object, the image from other image file such image2.png , or image3.png, etc is drawn. When we redraw this image, we do not want to remove the customer object from multilayer viewer and reload it. Instead, we want to use the overrided draw method of the customized object to draw different images. If we redraw the image1, image2, image3, etc at a time interval, it can have animaition effect just like animiated gif. The only difference between aniamated gif and our customized object is that animated gif is a single file but our animated customer object has a list of image files. But our customized object handles drawing images by itself. Also our animated customized object has all the properties of ImageVObject such as resize, rotate, etc.

In sum, we want to override draw method VObject but still have all the properties of ImageVObject.

Hope, this explain what we want to do.
Thanks.

Hello Ming,

We are working under your question now. I will let you know about the results as soon as we resolve it.
Sorry for inconvenience.

Hello Ming,

As I can see in your code you removed some parts which are responsible for user actions. For example, your custom VObject have empty setter for Transform property while it is the fundamental property for all transformations, like resize & rotate.

If you want to create just AnimatedImageVObject, I recommend you to inherit your custom object from ImageVObject and:
1) Add timer and set of images as fields.
2) In timer handler change current image of the ImageVObject and call Update() after that.

There will be a little hack with second point: ImageVObject currently doesn't grant access to the displayed image. So, to get it, you will have to use reflection. You can find all related information and code snippets in this thread: Transforms and Filters on ImageVObjects.