Android系列教程之GridView组件的使用-创新互联

GridView是一个网络布局的视图，他能让你的元素显示在一个个的格子里。我们的桌面就是一个GridView。。

公司主营业务：网站建设、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出云城免费做网站回馈大家。

1、新建一个gridview工程，activity_main.xml的代码如下：

很简单，就是一个GridView。设置列宽为90dp,这样当我们的numColumns设置为auto_fit时，Android就会自动计算我们手机屏幕的大小以决定每一行展示几个元素。这是很方便。android:horizontalSpacing定义列之间的间隔，android:verticalSpacing定义行之间的间隔。android:stretchMode设置为columnWidth是意味着根据列宽自动缩放。

2、修改MainActivity.java代码如下：

package com.example.gridview;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends Activity {
	//展示图片
	private Integer[] mThumbIds = {
		R.drawable.a,R.drawable.b,
		R.drawable.c,R.drawable.d,
		R.drawable.e,R.drawable.ic_launcher,
		R.drawable.music,R.drawable.video,
		R.drawable.photo
	};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		GridView gridView = (GridView) findViewById(R.id.gridview);
		gridView.setAdapter(new ImageAdapter(this));
		//单击GridView元素的响应
		gridView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView parent, View view, int position,
					long id) {
				//弹出单击的GridView元素的位置
				Toast.makeText(MainActivity.this, mThumbIds[position], Toast.LENGTH_LONG).show();
				
			}
		});
	}
	
	private class ImageAdapter extends BaseAdapter{
		
		private Context mContext;

		public ImageAdapter(Context context) {
			this.mContext = context;
		}

		@Override
		public int getCount() {
			return mThumbIds.length;
		}

		@Override
		public Object getItem(int position) {
			return mThumbIds[position];
		}

		@Override
		public long getItemId(int arg0) {
			// TODO 自动生成的方法存根
			return 0;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			//定义一个ImageView,显示在GridView里 
			ImageView p_w_picpathView;
			if(convertView==null){
				p_w_picpathView = new ImageView(mContext);
				p_w_picpathView.setLayoutParams(new GridView.LayoutParams(85,85));
				p_w_picpathView.setScaleType(ImageView.ScaleType.CENTER_CROP);
				p_w_picpathView.setPadding(8, 8, 8, 8);
			}else{
				p_w_picpathView = (ImageView) convertView;
			}
			p_w_picpathView.setImageResource(mThumbIds[position]);
			return p_w_picpathView;
		}
		
	}

}

这里我们也是采用的自定义Adapter，展示了一些图片，然后点击一个图片的时候会显示这个图片所在的位置。

3、运行程序，效果图如下：

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享标题：Android系列教程之GridView组件的使用-创新互联
链接分享：http://scjbc.cn/article/diicje.html