FluidGridAdapter

A listview adapter that arranges images in a fluid grid. Callbacks for loading the image into the view and for when a single cell is tapped. Allows for custom cell padding, row height, and cell background.

Display a grid of photos	Adjust padding and row height	Set the cell background color

Example Usage

Create a FluidGridAdapter by passing in an array of objects that have:

1. an image url/tag/identifier
2. an aspect ratio OR width & height

Here's using an example using a library such as Picasso

////////////////////////////////////////////////////////////////////////////////
//Query the MediaStore for device photos and build an array of ImageData objects
////////////////////////////////////////////////////////////////////////////////
String[] projection = { MediaStore.Images.Thumbnails._ID,
MediaStore.Images.Thumbnails.DATA, MediaStore.Images.Thumbnails.HEIGHT,
MediaStore.Images.Thumbnails.WIDTH };
Cursor cursor = getContentResolver().query(MediaStore.Images.Thumbnails.EXTERNAL_CONTENT_URI,
projection, null, null, null);
ArrayList imageDatas = new ArrayList();
int photoHeightIndex = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.HEIGHT);
int photoWidthIndex = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.WIDTH);
int fileLocationIndex = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA);
while(cursor.moveToNext()) {
int photoHeight = cursor.getInt(photoHeightIndex);
int photoWidth = cursor.getInt(photoWidthIndex);
String fileLocation = cursor.getString(fileLocationIndex);
if(photoWidth > 0 && photoHeight > 0) {
ImageData imageData = new ImageData(fileLocation, photoWidth, photoHeight);
imageDatas.add(imageData);
}
}
/////////////////////////////////////////////////////////
//Pass the array of ImageData objects into the adapter
/////////////////////////////////////////////////////////
FluidGridAdapter fluidGridAdapter = new FluidGridAdapter(this, imageDatas){
@Override
protected void onSingleCellTapped(ImageData imageData) {
Log.d(TAG,"Single cell tapped");
}
@Override
protected void loadImageIntoView(String photoUrl, int cellWidth, int cellHeight, ImageView imageHolder) { Picasso.with(context).load(photoUrl).resize(cellWidth, cellHeight).into(imageHolder);
}
};
listview.setAdapter(fluidGridAdapter);

Compatibility

Compatible and tested with Android 4.0 and above.