Android的GridView控件

GridView控件是可以用来显示二维排列的控件，这里在上一篇TabHost控件的基础上添加了一个GridView控件，用作Tab页的显示内容。

效果图：

帖代码：

public class OrderClientActivity extends Activity {
	TabHost tabHost;
	String[] dishType=new String[]{"1","2","3","4","5","6","7"};
	GridView gridView;
	
	String[] dishName=new String[]{"1","2","3","4","5","6","7","8","9","10","11","12"};
	String picPath=Environment.getExternalStorageDirectory().getPath() + "/picture/";
	
	GridViewAdapter gridViewAdapter;
	
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.orderform);
        
        // 获取TabHost对象
		TabHost tabHost = (TabHost) findViewById(R.id.tabhost);
		// 如果没有继承TabActivity时，通过该种方法加载启动tabHost
		tabHost.setup();
        
		gridView=(GridView)findViewById(R.id.view1);
		gridViewAdapter=new GridViewAdapter(this);
		gridView.setAdapter(gridViewAdapter);
		
		for(int i=0;i<dishType.length;i++){
			TabHost.TabSpec tabSpec=tabHost.newTabSpec(dishType[i]);
			tabSpec.setIndicator(dishType[i],getResources().getDrawable(R.drawable.ic_launcher));
		    tabSpec.setContent(R.id.view1);
			tabHost.addTab(tabSpec);
		}
		
		tabHost.setCurrentTab(1);
		tabHost.setCurrentTab(0);
		
		new AsyncLoadImage().execute(100);
    }
    
    class AsyncLoadImage extends AsyncTask<Object, Bitmap, Object>{

		@Override
		protected Object doInBackground(Object... params) {
			Bitmap bitmap;
			
			Log.i("加载线程", "");
			
			// TODO Auto-generated method stub
			for(int i=0;i<dishName.length;i++){
				Log.i("图片路径", picPath + dishName[i] + ".jpg");
				bitmap=BitmapFactory.decodeFile(picPath + dishName[i] + ".jpg");
				
				if(bitmap != null){
					publishProgress(bitmap);
					Log.i("图片解析", "正确");
				}
				else
					Log.i("图片解析", "错误");
			}
			return null;
		}

		@Override
		protected void onProgressUpdate(Bitmap... values) {
			// TODO Auto-generated method stub
			for(Bitmap b : values){
				gridViewAdapter.addPic(b);
				gridViewAdapter.notifyDataSetChanged();
			}
		}
 	
		
    }
    class GridViewAdapter extends BaseAdapter{

    	Context context;
    	private ArrayList<Bitmap> picList=new ArrayList<Bitmap>();
    	
    	GridViewAdapter(Context context){
    		this.context=context;
    	}
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return picList.size();
		}

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

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

		public void addPic(Bitmap bitmap){
			picList.add(bitmap);
		}
		
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
			Log.i("得到view", position + "");
			
			ImageView image = null;
			if(convertView == null){
				image=new ImageView(context);
				
			}
			else{
				image=(ImageView)convertView;
			}
			image.setLayoutParams(new GridView.LayoutParams((getWindowManager().getDefaultDisplay().getWidth()-3)/2,(int) (getWindowManager().getDefaultDisplay().getWidth()/2*0.6)));//设置ImageView对象布局 
            image.setAdjustViewBounds(true);//设置边界对齐 
            image.setScaleType(ImageView.ScaleType.FIT_XY);//设置刻度的类型 
            image.setPadding(0, 0, 0, 0);//设置间距 
			image.setImageBitmap(picList.get(position));
			return image;
		}
    	
    }
}

GridView需要通过Adapter来加载需要显示的内容，在这里我们自定义了BaseAdapter，必须实现几个方法，其中getCount（）和getView（）是必须实现的方法，getView（）用来提供GridView显示的每一个Item。关于Adapter的详细情况可以参考  Android之Adapter用法总结。

另外，实际的运行过程中，发现Gridview的图片加载很卡，所以我们改成了异步加载图片，用到了AsyncTask类，这是Android提供的一个轻量级的线程既能在后台线程中执行一些耗时操作，又有方法直接更新ui,关于AsyncTask的详细介绍可以参考：android AsyncTask介绍。

这里如果没有必要用到异步加载，可以在GridViewAdapter里直接给picList赋值。

布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
	android:id="@+id/hometabs"
	android:orientation="vertical"
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent">
    <!-- TabHost必须包含一个 TabWidget和一个FrameLayout--> 
    <TabHost android:id="@+id/tabhost"
     	android:layout_width="fill_parent"
     	android:layout_height="wrap_content"
     	android:layout_weight="1">
     	<LinearLayout
			android:orientation="vertical"
			android:layout_width="fill_parent"
			android:layout_height="fill_parent">
			<HorizontalScrollView
			    android:layout_width="fill_parent"
			    android:layout_height="wrap_content"
			    android:scrollbars="none">
			    <!-- TabWidget的id属性必须为 @android:id/tabs-->			
	     	  	<TabWidget android:id="@android:id/tabs" 
		      	android:orientation="horizontal"
		      	android:layout_width="fill_parent"
		      	android:layout_height="wrap_content">
	        	</TabWidget>
			</HorizontalScrollView>
			
	     	<!-- FrameLayout的id属性必须为 @android:id/tabcontent-->
		     <FrameLayout 
		          android:id="@android:id/tabcontent"
			      android:layout_width="fill_parent"
			      android:layout_height="fill_parent">
			      
			      <GridView 
			          android:id="@+id/view1"
			          android:listSelector="#000000"
			          android:layout_width="fill_parent"
			          android:layout_height="wrap_content"
			          android:padding="0dip"
			          android:layout_margin="0dip"
			          android:numColumns="2"
			          android:horizontalSpacing="3dip"
			          android:verticalSpacing="3dip"
			          android:stretchMode="columnWidth"
			          android:gravity="fill"/>"
			    	
		     </FrameLayout>
	     
	     </LinearLayout>
    </TabHost>
    <LinearLayout 
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hha"/>
        <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hha2"/>
        <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hha3"/>
    </LinearLayout>
    
</LinearLayout>

在布局文件里看到，GridView设置了一个属性android:listSelector,这个属性用来设置GridView的每个item 的背景。如果没有设置这个属性，每个item在点击的时候都有一个蓝色边框，我们可以设置成我们想要的颜色，不想显示的话可以直接设置成背景色。

下一篇介绍GridView的更复杂的用法。