GridView基于组件的网络格所有的形式的组分的,例如:当制作专辑,所有的图片将在相同的尺寸在不同的显示格在孩子,是否能够依靠这个组件完成。此组件的继承结构参见例如下面:


java.lang.Object


   ↳ android.view.View


     ↳ android.view.ViewGroup


       ↳ android.widget.AdapterView<T extends android.widget.Adapter>


         ↳ android.widget.AbsListView


           ↳ android.widget.GridView


经常使用的方法



1



public GridView(Context context)



构造



 



创建GridView对象



2



public void setStretchMode(int stretchMode)



普通



android:stretchMode



缩放模式



3



public void setVerticalSpacing(int verticalSpacing)



普通



android:verticalSpacing



设置垂直间距



4



public void setHorizontalSpacing(int horizontalSpacing)



普通



android:horizontalSpacing



设置水平间距



5



public void setNumColumns(int numColumns)



普通



android:numColumns



设置每列显示的数据量。假设设置为auto_fit则表示自己主动设置



6



public void setSelection(int position)



普通



 



设置默认选中项



7



public void setGravity(int gravity)



普通



android:gravity



设置对齐模式,由Gravity类指定



8



public void setAdapter(ListAdapter adapter)



普通



 



设置显示图片集







当然要想使用GridView还是必需要使用到Adapter数据集类配置图片数据


 




大家能够使用SimpleAdapter 和BaseAdapter来配置adapter


今天我使用BaseAdapter来配置Adapter数据




XML文件





<span style="font-size:18px;"><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=".MainActivity" >

<GridView
android:id="@+id/gridview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:stretchMode="columnWidth"
android:numColumns="4"
/>

</RelativeLayout>
</span>


JAVA文件




<span style="font-size:18px;">package com.example.gridview;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class MainActivity extends Activity {
private GridView gridView;// 初始化GridView
private int images[] = { R.drawable.a1, R.drawable.a2, R.drawable.a3,
R.drawable.a4, R.drawable.a5, R.drawable.a6, R.drawable.a7,
R.drawable.a8, R.drawable.a9, R.drawable.a10, R.drawable.a11,
R.drawable.a12, R.drawable.a13, R.drawable.a14, R.drawable.a15,
R.drawable.a16 };// 图片数据

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 获得GridView对象
gridView = (GridView) this.findViewById(R.id.gridview);
// 设置Adpter
gridView.setAdapter(new MyAdapter());
// 设置监听事件
gridView.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> adapterView, View view,
int position, long id) {
// TODO Auto-generated method stub
// 为dialog设置view空间
ImageView image = new ImageView(MainActivity.this);
// 设置图片信息
image.setImageResource(images[position]);
// 设置图片的额对齐方式
image.setScaleType(ImageView.ScaleType.CENTER);
// 设置图片的大小
image.setLayoutParams(new LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
// 创建对话框
AlertDialog.Builder builder = new AlertDialog.Builder(

MainActivity.this)

.setTitle("查看图片")

.setView(image)

.setIcon(android.R.drawable.btn_star_big_on)

.setNegativeButton("关闭", new OnClickListener() {

@Override
public void onClick(DialogInterface arg0, int arg1) {
// TODO Auto-generated method stub

}
});
//创建对话框
builder.create();
//显示对话框
builder.show();
}
});
}

class MyAdapter extends BaseAdapter {

@Override
public int getCount() {
// TODO Auto-generated method stub
return images.length;
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return position;
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}

@Override
public View getView(int position, View myView, ViewGroup parent) {

// TODO Auto-generated method stub
// 返回imageView对象
ImageView imageView = new ImageView(MainActivity.this);
imageView.setImageResource(images[position]);
imageView.setScaleType(ImageView.ScaleType.CENTER);
return imageView;
}
}
}
</span>



效果

从头学起android<GridView网格视图.二十八.>_ide


从头学起android<GridView网格视图.二十八.>_ide_02




通过GridView组件能够实现多彩菜单效果






下节预报:


TabHost标签组件