Android系列教程之GridView组件的使用

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sinat_31998357/article/details/49639417

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

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

<?xml version="1.0" encoding="utf-8"?>
<GridView
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/gridview"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:columnWidth="90dp"
  android:numColumns="auto_fit"
  android:horizontalSpacing="10dp"
  android:verticalSpacing="10dp"
  android:stretchMode="columnWidth"
  android:gravity="center">
</GridView>

很简单,就是一个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 imageView;
			if(convertView==null){
				imageView = new ImageView(mContext);
				imageView.setLayoutParams(new GridView.LayoutParams(85,85));
				imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
				imageView.setPadding(8, 8, 8, 8);
			}else{
				imageView = (ImageView) convertView;
			}
			imageView.setImageResource(mThumbIds[position]);
			return imageView;
		}
		
	}

}

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

3、运行程序,效果图如下:


展开阅读全文

android 中自定义GridView使用

03-21

楼主最近在学习安卓,用和ListView类似的方法实现Gridview的时候出现了问题。希望高手能指点一二。nnaty_using_gridview.xmln```n nnn nnn```ngrid_view_cell.xmlnn```n nnn nnn```n这个是Activitynn```n public class AtyUsingGridView extends Activity nnn private GridView gridView;n @Overriden protected void onCreate(Bundle savedInstanceState) n super.onCreate(savedInstanceState);n setContentView(R.layout.aty_using_gridview);nnn ImageGridViewAdapter adapter=new ImageGridViewAdapter(this);n gridView.findViewById(R.id.gridView);n gridView.setAdapter(adapter);n nnnn```n这个是adapternn```n public class ImageGridViewAdapter extends BaseAdapter n private Context context=null;n private ImageGridViewData data[]= n new ImageGridViewData( R.drawable.img2),n new ImageGridViewData(R.drawable.img2),n new ImageGridViewData( R.drawable.img2),n ;nn public ImageGridViewAdapter(Context context)n this.context=context;n n public Context getContext() n return context;n nn @Overriden public int getCount() n return data.length;n nn @Overriden public ImageGridViewData getItem(int i) n return data[i];n nn @Overriden public long getItemId(int i) n return i;n nn @Overriden public View getView(int i, View view, ViewGroup viewGroup) n FrameLayout fl=null;n if(view!=null)n fl=( FrameLayout)view;n elsen fl= ( FrameLayout) LayoutInflater.from(getContext()).inflate(R.layout.grid_view_cell,null);n n ImageGridViewData data=getItem(i);n ImageView imgID=(ImageView)fl.findViewById(R.id.img_grid_view);nn imgID.setImageResource(data.imgID);nn return fl;n n n```nn运行出现错误如下nUnable to start activitynjava.lang.NullPointerExceptionnn我这有什么错误,希望高手给指出啊,万分感谢。 问答

没有更多推荐了,返回首页