Question

I am trying to make an android application in which i would like to have bubbles which float on the screen when some action takes place. Could some one please help me here. I am breaking my head for the past four days but i could not make it up. So please help me here. Thanks in advance.

Answer 1

Instead of using ImageViews, for your use case, it would be better to use a Canvas to handle the drawing yourself.

Draw a canvas fullscreen with a transparent background. Create an array of bitmaps(one for each image you want to draw, remember to use a circle mask to make them bubble shaped, watch out for memory issues) and draw them to screen at different positions.

Use a custom RNG algorithm to generate appropriate positions for your bitmaps, and then draw them on the canvas. Use a Thread to handle the animations.

Here‘s the code for generating a circular cropped bitmap:

int targetWidth = 100;
    int targetHeight = 100;
    Bitmap targetBitmap = Bitmap.createBitmap(
        targetWidth,
        targetHeight,
        Bitmap.Config.ARGB_8888);
    Canvas canvas = new Canvas(targetBitmap);
    Path path = new Path();
    path.addCircle(
        ((float)targetWidth - 1) / 2,
        ((float)targetHeight - 1) / 2,
        (Math.min(((float)targetWidth), ((float)targetHeight)) / 2),
        Path.Direction.CCW);
    canvas.clipPath(path);
    Bitmap sourceBitmap = BitmapFactory.decodeResource(
        getResources(),
        R.drawable.my_image);
    canvas.drawBitmap(
        sourceBitmap,
        new Rect(0, 0, sourceBitmap.getWidth(), sourceBitmap.getHeight()),
        new Rect(0, 0, targetWidth, targetHeight),
        null);
    ImageView imageView = (ImageView)findViewById(R.id.my_image_view);
    imageView.setImageBitmap(targetBitmap);

Of course, you will have to modify this code to draw the bitmap to the canvas instead of setting it in the ImageView. It would be more efficient, to crop the Bitmap once, then place the cropped image into the array of Bitmaps.