本篇文章通过一个例子实现GridView视图
第一步,准备几张需要显示的图片
本例中,我准备了6张图片,分别为pic1,pic2,pic3,pic4,pic5,pic6
第二步,添加图片处理类
ImageAdapter.java
public class ImageAdapter extends BaseAdapter
{
// 定义Context
private Context mContext;
// 定义整型数组 即图片源
private Integer[] mImageIds =
{
R.drawable.pic1,
R.drawable.pic2,
R.drawable.pic3,
R.drawable.pic4,
R.drawable.pic5,
R.drawable.pic6,
};
public ImageAdapter(Context c)
{
mContext = c;
}
@Override
public int getCount()// 获取图片的个数
{
return mImageIds.length;
}
@Override
public Object getItem(int position)// 获取图片在库中的位置
{
return position;
}
@Override
public long getItemId(int position)// 获取图片ID
{
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent)
{
ImageView imageView;
if (convertView == null)
{
// 给ImageView设置资源
imageView = new ImageView(mContext);
// 设置布局 图片200×200显示
imageView.setLayoutParams(new GridView.LayoutParams(200, 200));
// 设置显示比例类型
imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
}
else
{
imageView = (ImageView) convertView;
}
imageView.setImageResource(mImageIds[position]);
return imageView;
}
}
第三步,修改布局文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<View
android:layout_width="fill_parent"
android:layout_height="10dip"
android:background="?android:attr/listDivider" />
<GridView
android:id="@+id/gridView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:horizontalSpacing="10pt"
android:verticalSpacing="10pt"
android:numColumns="2"
android:gravity="center">
</GridView>
</LinearLayout>
第四步,修改主界面
public class MainActivity extends Activity
{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//取得GridView对象
GridView gridView = (GridView)findViewById(R.id.gridView);
//添加元素给gridView
ImageAdapter imageAdapter = new ImageAdapter(MainActivity.this);
gridView.setAdapter(imageAdapter);
//设置Gallery的背景
gridView.setBackgroundColor(Color.BLACK);
//事件监听 添加列表项被单击的监听器
gridView.setOnItemClickListener(new OnItemClickListener()
{
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id)
{
Toast.makeText(MainActivity.this, "你选择了" + (position + 1) + " 号图片", Toast.LENGTH_SHORT).show();
}
});
}
}
第五步,查看效果