Layout Design Ideas
I am not sure the best way to ask this question.
I am new to Android development and want to know what is the best way to accomplish what I need, for example a combination of SurfaceViews, or just a View what container should they be a child of… things like that.  I am developing this on the XOOM Tablet... but it needs to work on all Honeycomb Android tablets.

[I have a sample screen prototype, but I don't have a high enough reputation to post it.]

Here is what I am looking for.  The main Activity that is going to be featured on this app needs to display 16 bitmaps in a 4x4 grid.  This grid needs to take up half or a little more that half of the left side of the screen.  The remaining portion of the screen will just have TextViews, Buttons, and other typical controls.

The catch is I want to be able to double click on one of these 16 images and have it animate to take up the entire space of the 16… effectively hiding the rest behind it as it comes to the foreground.  Then the user can double click on it again to animate back into its position in the grid.

Also I am going to be receiving data from a server over the wifi connection that might tell me I need to draw something on top of the bitmap.  For example my bitmaps are pictures of a football game and I may need to draw a new score or an icon or something on top of a game.  So I was thinking I could use 16 SurfaceViews, one for each game, but I tried ScaleAnimation and although the SurfaceView does resize, the bitmap drawn on it does not, and if I ask it what its size is or scaleX is after the ScaleAnimation is complete it tells me the original size, not the scaled size.  So that didn’t work for me.

I am open to ideas on how to lay this out and what combination of Views, or whatever would help me get this thing working.

Thanks for your help.

Layout Design Ideas
===

I am not sure the best way to ask this question.
I am new to Android development and want to know what is the best way to accomplish what I need, for example a combination of SurfaceViews, or just a View what container should they be a child of… things like that.  I am developing this on the XOOM Tablet... but it needs to work on all Honeycomb Android tablets.

[I have a sample screen prototype, but I don't have a high enough reputation to post it.]

Here is what I am looking for.  The main Activity that is going to be featured on this app needs to display 16 bitmaps in a 4x4 grid.  This grid needs to take up half or a little more that half of the left side of the screen.  The remaining portion of the screen will just have TextViews, Buttons, and other typical controls.

The catch is I want to be able to double click on one of these 16 images and have it animate to take up the entire space of the 16… effectively hiding the rest behind it as it comes to the foreground.  Then the user can double click on it again to animate back into its position in the grid.

Also I am going to be receiving data from a server over the wifi connection that might tell me I need to draw something on top of the bitmap.  For example my bitmaps are pictures of a football game and I may need to draw a new score or an icon or something on top of a game.  So I was thinking I could use 16 SurfaceViews, one for each game, but I tried ScaleAnimation and although the SurfaceView does resize, the bitmap drawn on it does not, and if I ask it what its size is or scaleX is after the ScaleAnimation is complete it tells me the original size, not the scaled size.  So that didn’t work for me.

I am open to ideas on how to lay this out and what combination of Views, or whatever would help me get this thing working.

Thanks for your help.
