1、GridView介绍
GridView就是一个网格布局,他将我们的手机屏幕分成一个一个的单元格,然后在单元格内填充我们的内容。效果如下图
2、相关代码
GridView是一个需要在xml布局文件中声明的控件,经过上面的学习,除了各种Dialog不需要再xml布局文件中声明,其他的控件一般情况都需要在xml布局文件中声明。代码如下
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.gridview1.MainActivity" >
<GridView
android:id="@+id/gridView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:numColumns="auto_fit"
android:columnWidth="90dp"
android:horizontalSpacing="10dp"
android:verticalSpacing="10dp"
android:stretchMode="columnWidth"
android:gravity="center">
</GridView>
</RelativeLayout>
很简单,就是一个GridView。设置列宽为90dp,这样当我们的numColumns设置为auto_fit时,Android就会自动计算我们手机屏幕的大小以决定每一行展示几个元素。这是很方便。android:horizontalSpacing定义列之间的间隔,android:verticalSpacing定义行之间的间隔。android:stretchMode设置为columnWidth是意味着根据列宽自动缩放。
从布局文件可以看出,这个网格视图里面的具体内容没有被设置,android使用的是Adapter,在java代码中为GridView填充内容,绑定单击事件等。java代码如下
package com.example.gridview1;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
/**
* GridView组件:
* 1、自定义适配器
* (1)创建一个类,机场BaseAdapter类
* (2)实现4个方法:
* getCount:获取要要显示的选项总数
* getItem:获取每一个网格(Item)的相关信息
* getItemId:选项ID
* getView:该方法用来为每一个选项生成视图(ImageView、TextView等等)。该方法会被多次调用
* 具体调用次数,根据屏幕当前显示的Item个数。
* @author Administrator
*
*/
public class MainActivity extends Activity {
private GridView gridView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView = (GridView) findViewById(R.id.gridView1);
gridView.setAdapter(new MyAdapter(this));
}
/**
* 自定义Adapter(内部类)
* @author Administrator
*
*/
static class MyAdapter extends BaseAdapter{
private int[] images = {R.drawable.sample_0,
R.drawable.sample_1,
R.drawable.sample_2,
R.drawable.sample_3,
R.drawable.sample_4,
R.drawable.sample_5,
R.drawable.sample_6,
R.drawable.sample_7,
R.drawable.sample_0,
R.drawable.sample_1,
R.drawable.sample_2,
R.drawable.sample_3,
R.drawable.sample_4,
R.drawable.sample_5,
R.drawable.sample_6,
R.drawable.sample_7};
private Context context;
public MyAdapter(Context context){
this.context = context;
}
@Override
public int getCount() {
// 返回图片个数
return images.length;
}
@Override
public Object getItem(int position) {
// 数组的下标
return images[position];
}
@Override
public long getItemId(int position) {
// 返回每一个item的位置
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// 向每一个网格填充数据
ImageView imageView = new ImageView(context);
imageView.setImageResource(images[position]);
return imageView;
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
由上面的代码可知,我们在为GridView填充内容时,通过自定义内部类的方式,定义了一个自己的Adapter,从而实现了GridView内容的填充。