Solved

Fade an image

Posted on 2011-02-28
9
858 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
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 
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

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

If your app took Google’s lash recently, here are the 5 most likely reasons.
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 one way to get user input in Java. Introduce the Scanner object: Declare the variable that stores the user input: An example prompting the user for input: Methods you need to invoke in order to properly get  user input:
This video demonstrates how to sync Microsoft Exchange Public Folders with smartphones using CodeTwo Exchange Sync and Exchange ActiveSync. To learn more about CodeTwo Exchange Sync and download the free trial, go to: http://www.codetwo.com/excha…

776 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