I just started with Android, and have always start a new language with some graphical experiments.
After looking thruw a lot of information, i didn't found a simple way of drawing a (resource) bitmap, and let the bitmap move over the screen. Man, for a simple moving picture, i looked in the api demo's at more then 100 lines of complex code..
The first thought was, that this was more complexer then doing this in other platforms.
But its not.

So i have put together a little example on how to do this, with a few lines of code.

I use 1 class for the ball objects, and for moving the balls over the screen.
ColorBall.java
This class holds the Bitmap, and the position on the screen.
Also he takes care that the ball is not going of the screen. (who knows where he will end up..)


Also there is a View to draw the balls on. (can't do without)
DrawView.java


Plus some balls to experiment further with this.

This example is written simple and straight forward, but i hope this helps others who just started.

Cheers

I've been messing with your tutorial trying to get the bitmap and 2d drawing down.. but I'm having some issues. I made a similiar program.. except I was trying to make some different images bounce around, and this is where I'm having the issues. I am using png files, that are all about the same size as the ones you used for the balls (4k) and they don't work.. I get an error that says "no resources found that match the given name at ( 'src' with value drawable etc etc..."

now if I replace my images with your ball images and change your ball imgs to have the same name as my images were then it works just fine!? and the balls bounce arund and do some other things. but its blowing my mind why my images aren't working! if there are certain rules for the drawable folder or something idon't know them... any help would be appreciated.

thanks

hey marchu I really like your little tutorial... it has really helped me figure some stuff out. I have a question for you or anybody else who may want to answer... lets say that you wanted this program to be exactly as is except for instead of the balls bouncing as soon as the program starts, how could I make them wait until some other cue is given like for example a screen touch.

As of now I have it set up so that the balls bounce for 2 seconds and then they stop. i did this by just doing an if statement that basically says:

if the ball has been bouncing for less then two seconds let it keep moving
else colorball.moveball(0,0)
and it stops

now how could I making it start again with a screen touch or something...

thanks, in advance

hi,

i am using the tutorial above DrawView.java to run it in android.



public class DrawView extends View {
private [b]ColorBall [/b]colorball1, colorball2, colorball3, colorball4, colorball5;


the word ColorBall has th red curlyy underlined i the program. it says tat th ColorBall cannot be resolved to a type.

because the ColorBall is highlighted with the red curly lines, the rest of the colorballs have been highlighted the same was as well.

do you know how i can resolve the error? anyone?


sitara

Hi Marchu,

superb program, the way you did, you use complete android resource, didnt use any thread, in onDraw, you redrawing the balls, really nice way of coding..

Thanks
Nithin

nithin.warier wrote:Hi Marchu,

superb program, the way you did, you use complete android resource, didnt use any thread, in onDraw, you redrawing the balls, really nice way of coding..

Thanks
Nithin

Well you have stated how good you are, so why not giving a code remake, instead of complaining about this.
See the date of the post, and my comment that i was just started with android at the the time of writing. (6 months ago)
Also my comment 'This example is written simple and straight forward, but i hope this helps others who just started', shows that its not a killer app, but only to get the idea about simple drawing.
Beside that, its really not contributing anything, the way you give this comment. (negative, sarcastic and from above)
Or are you doing this with all the old posts, to give yourself a 'go(o)d' feeling?

Marchu

I said, i like the way you coded, its not sarcasm, its appreciation buddy...

nithin.warier wrote:I said, i like the way you coded, its not sarcasm, its appreciation buddy...

Well then i must give you my excuse.
I totaly misunderstood your comment, and thougth it was like i mentioned.

Sorry about that. (no harm done i hope..)

I like this approach as well, Marchu. But I have a question: How might you use this approach to handle a sequence of animations? E.g., on touching the screen, a red ball moves across the screen from left to right. On a second touch, a yellow ball moves from the bottom to the top of the screen? Would this be possible with the current approach, or would Android's Animation package be required?

Ive just started with Java and Android and its very nice example Marchu. Thanks.

btw i just wondering how to add background on this example? Ive tryed with image and layout background but when i start app there is just black screen. I guess it has something to do with redrawing screen everytime you move balls ?

How can I put this DrawView into XML so that I can position it on the screen using the XML layout?
Do I need a ViewStub or something like that?

Thx for the example btw, great thing you made

Ok, I solved this by creating a LinearLayout inside my XML and then add the DrawView to the LinearLayout:



Also updated the drawView constructor to accept the width an the height and use it as a maximum X and Y for the balls to move...

Nice Tutorial, I love it.

Just a question, what is the best method to use if i want to make the ball move with accelerometer? I will use the moveball to a position that i calculated, but when should i call the moveball and how?

Thank a lot for any help.

Hi Marchu
Thanks for the awesome tutorial. I have a couple quick questions for you (or anyone else).
1. Is there an easy or recommended way to do a drag rotation of a bitmap? (By drag rotation I mean the user uses their finger to drag the direction the bitmap is to rotate in)
2. I've looked around quite a bit, but I can't find what the easiest way to delete a bitmap after you are done using it.
Please help!
Thanks!