Solved

Fade an image

Posted on 2011-02-28
9
863 Views
Last Modified: 2012-06-27
Hi,

I have an image that I would like to "fade" to white. Maybe fade is not the correct term here. What I would like to do is animate a change of the colors to all white, that is, lessen the color. (Maybe this is not the correct term either. As you can see, I'm not a graphics guy.)
This would be in Android/Java.

Is this possible in code?

/peter
0
Comment
Question by:pivar
  • 4
  • 3
  • 2
9 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 34995959
i haven't used it, but i found this
http://stackoverflow.com/questions/4533731/android-fade-effect-between-layouts

please try the same
0
 
LVL 22

Author Comment

by:pivar
ID: 34996038
I would like to apply this on an image, drawing it to the canvas myself. How would this be implemented with your solution?

thx
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 34996101
why don't you try to put that image inside a layout and then fade that layout instead of that image?
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 22

Author Comment

by:pivar
ID: 34996163
Because I want to implement this in a drawing engine which draws various types of imageobject to the same canvas, where the fader object would be one. Because of this I would like to be able to transform the image/Bitmap.
0
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 400 total points
ID: 34996197
0
 
LVL 12

Expert Comment

by:satsumo
ID: 34996340
Assuming Android Canvas matches HTML5 Canvas, and you have a 2D context, then its code like this.

context.fillStyle = "white"
context.fillRect (top, left, width, height)
context.globalAlpha = ? // some amount of transparency, 1 = full opaque, 0 = full transparent
context.drawImage (image, top, left, width, height)

Open in new window

The program would change the globalAlpha value from one to zero over a time period.
0
 
LVL 22

Author Comment

by:pivar
ID: 34996389
satsumo, would that affect the whole canvas, or just my image that I'm drawing? What is meant by "Android Canvas matches HTML5 Canvas"?
0
 
LVL 22

Author Comment

by:pivar
ID: 34996450
Just to confirm that we're on the right track. It is the transparency one should change to get the impression of an image "loosing" its colors?
0
 
LVL 12

Assisted Solution

by:satsumo
satsumo earned 100 total points
ID: 34996624
The globalAlpha setting is a state, it affects whatever you draw after setting it.  I intended there to be another line at the end of that code, so that the transparency dosen't affect anything drawn afterwards.

context.globalAlpha = 1

Open in new window

The Canvas is an invention of Apple, its in the latest HTML specification and its supported by most web browsers (on any OS).  I haven't programmed for Android, I've assumed that a Canvas on Android has the same interface and behaviour as Canvas in a browser.  I could be completely wrong, though Goggle likes open standards and the Chrome browser has very good Canvas support so it would make sense.

There are many ways to make an image lose it's colours, transparency is the simplest and most widely supported.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is about my first experience with programming Arduino.
Computer science students often experience many of the same frustrations when going through their engineering courses. This article presents seven tips I found useful when completing a bachelors and masters degree in computing which I believe may he…
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …

685 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question