Re: Set Overlay Image on rasterThumbnailBrowser's item image

How to set overlay image on rasterThumbnailBrowser's item image?

Hello,

One way to do that is to combine the 2 images into one image (for example using the Combine or the Alpha Blend function), then take the resulting image and insert it into the Thumbnail browser instead of the original image.

Thanks,
Maen Badwan
LEADTOOLS Technical Support

any example
thank you very muh

<BLOCKQUOTE><table width="85%"><tr><td class="txt4"><img src="/SupportPortal/cs/Themes/default/images/icon-quote.gif">&nbsp;<strong>Maen Hasan wrote:</strong></td></tr><tr><td class="quoteTable"><table width="100%"><tr><td width="100%" valign="top" class="txt4">Hello,<br><br>One way to do that is to combine the 2 images into one image (for example using the Combine or the Alpha Blend function), then take the resulting image and insert it into the Thumbnail browser instead of the original image.<br><br>Thanks,<br>Maen Badwan<br>LEADTOOLS Technical Support</td></tr></table></td></tr></table></BLOCKQUOTE>

Hello,

The following code shows how to get the image of the first item in the RasterThumbnailBrowser and combine it with the overlay image:
+-----------+
Dim ItemImage As RasterImage
Dim overlayImage As RasterImage

RasterCodecs.Startup()

Dim _codecs As New RasterCodecs

ItemImage = RasterThumbnailBrowser1.Items(0).Image.Clone()

overlayImage = _codecs.Load("c:\TempFiles\Sunset.jpg")

Dim command As CombineCommand = New CombineCommand
command.SourceImage = ItemImage.Clone()
command.DestinationRectangle = New System.Drawing.Rectangle(ItemImage.Width \ 8, ItemImage.Height \ 8, ItemImage.Width, ItemImage.Height)
command.SourcePoint = New System.Drawing.Point(100, 100)
command.Flags = CombineCommandFlags.OperationAdd Or CombineCommandFlags.Destination0 Or CombineCommandFlags.SourceRed Or CombineCommandFlags.DestinationGreen Or CombineCommandFlags.ResultBlue
command.Run(overlayImage)

RasterThumbnailBrowser1.Items(0).Image = overlayImage.Clone()
RasterThumbnailBrowser1.Refresh()
+-----------+

Thanks,
Maen Badwan
LEADTOOLS Technical Support

how about SetAlphaImage? any emample?

thankyou

Hello,

About using AlphaBlendCommand Class, please read the following topic in the LEADTOOLS .Net documentation:
- AlphaBlendCommand Class

Thanks,
Maen Badwan
LEADTOOLS Technical Support

sorry my question is how to set transparency color

<BLOCKQUOTE><table width="85%"><tr><td class="txt4"><img src="/SupportPortal/cs/Themes/default/images/icon-quote.gif">&nbsp;<strong>Maen Hasan wrote:</strong></td></tr><tr><td class="quoteTable"><table width="100%"><tr><td width="100%" valign="top" class="txt4">Hello,<br><br>About using AlphaBlendCommand Class, please read the following topic in the LEADTOOLS .Net documentation:<br>- AlphaBlendCommand Class<br><br>Thanks,<br>Maen Badwan<br>LEADTOOLS Technical Support</td></tr></table></td></tr></table></BLOCKQUOTE>

Hello,

Please read the following topics in the LEADTOOLS .Net documentation:
- Implementing Transparency
- SetAlphaImage Method
- CreateAlphaImage Method

Thanks,
Maen Badwan
LEADTOOLS Technical Support

ok
i follow the example program. it's work fine. but i want show the overlay image at the middle of the source?

source file 200x200
overlay image 100x100

Hello,

If you want to show the overlay image at the middle of the source image, you can use the CombineCommand class as follows:
+---------+
...
Dim command As CombineCommand = New CombineCommand
command.SourceImage = OverlayImage.Clone
command.DestinationRectangle = New System.Drawing.Rectangle(ItemImage.Width / 4, ItemImage.Height / 4, OverlayImage.Width, OverlayImage.Height)
command.SourcePoint = New System.Drawing.Point(100, 100)
command.Flags = CombineCommandFlags.OperationAdd Or CombineCommandFlags.Destination0 'Or CombineCommandFlags.SourceRed Or CombineCommandFlags.DestinationGreen Or CombineCommandFlags.ResultBlue
command.Run(ItemImage)

mBrowser.Items(0).Image = ItemImage.Clone()
...
+---------+

Thanks,
Maen Badwan
LEADTOOLS Technical Support

one more question. if my soure image size is 500x500 andoverlay image size is 32x32. the rasterthumbnail will scale the source image form 500x500 to 96x76. the prolem is when i cancel the overlay image:

sourceImage = _codecs.Load(rasterThumbnailBrowser1.Items[index].FileName);

rasterThumbnailBrowser1.Items[index].Image = sourceImage.Clone();

the rasterThumbnailBrowser item image will change to 500x500. How can i change it from 500x500 back to 96x76.

thnakyou

Hello,

Do you mean that the thumbnail of the source image will be 500x500 when you reload the source image?

Can you please send me a screenshot image that shows how the thumbnail appears on your side?

Thanks,
Maen Badwan
LEADTOOLS Technical Support

yes

screenshot at below

Hello,

To keep the size of the item image, you can try one of the following:

- Don't reload the original image using the _codecs.Load method. Just copy the item source image to a temporary image, and then reassign the temporary image to the item when you want to cancel the overlay image:
+----------+
Private TempImage As RasterImage
...
mBrowser.LoadThumbnails(folderPath, "*.jpg", RasterThumbnailBrowserLoadFlags.Block)
TempImage = mBrowser.Items(0).Image.Clone()
...
mBrowser.Items(0).Image = TempImage.Clone()
+----------+

- Resize the image after loading it using the SizeCommand class:
+----------+
Dim TempImage As RasterImage

TempImage = _codecs.Load(mBrowser.Items(0).FileName)

Dim resize As New SizeCommand
resize.Width = 96
resize.Height = 76
resize.Flags = RasterSizeFlags.Resample
resize.Run(TempImage)

mBrowser.Items(0).Image = TempImage.Clone()
+----------+

Thanks,
Maen Badwan
LEADTOOLS Technical Support