I would like to understand better how Gridview
works, in particular auto_fit
.
Here is the XML layout:
<?xml version="1.0" encoding="utf-8"?>
<GridView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/gridview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:columnWidth="60dp"
android:numColumns="auto_fit"
/>
And it works fine with a series of six thumbnails (48*48 pixels). In portrait mode, it displays one row, six columns.
What I don't understand is why the line android:columnWidth="60dp"
is necessary, because auto_fit is expected to find the right number of columns.
Without the line android:columnWidth="60dp"
, it displays a grid 3 rows and 2 columns.
Here is the ImageAdapter
class:
package com.examples.HelloGridView;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
public class ImageAdapter extends BaseAdapter {
private Context mContext;
public ImageAdapter(Context c) {
mContext = c;
}
public int getCount() {
return mThumbIds.length;
}
public Object getItem(int position) {
return null;
}
public long getItemId(int position) {
return 0;
}
// create a new ImageView for each item referenced by the Adapter
public View getView(int position, View convertView, ViewGroup parent) {
ImageView imageView;
if (convertView == null) { // if it's not recycled, initialize some attributes
imageView = new ImageView(mContext);
imageView.setPadding(0, 0, 0, 0);
} else {
imageView = (ImageView) convertView;
}
imageView.setImageResource(mThumbIds[position]);
return imageView;
}
// references to our images
private Integer[] mThumbIds = {
R.drawable.ic_1, R.drawable.ic_2,
R.drawable.ic_3, R.drawable.ic_4,
R.drawable.ic_5, R.drawable.ic_6
};
}
Thank you for your help.