Solved

Fade an image

Posted on 2011-02-28
9
853 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
 
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Java functions are among the best things for programmers to work with as Java sites can be very easy to read and prepare. Java especially simplifies many processes in the coding industry as it helps integrate many forms of technology and different d…
If your app took Google’s lash recently, here are the 5 most likely reasons.
Viewers will learn about the regular for loop in Java and how to use it. Definition: Break the for loop down into 3 parts: Syntax when using for loops: Example using a for loop:
This tutorial will introduce the viewer to VisualVM for the Java platform application. This video explains an example program and covers the Overview, Monitor, and Heap Dump tabs.

914 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now