GridView的边框效果

因为项目需求的原因需要实现这种效果，通过看android gallery模块源码了解到原来这种效果是通过selector实现的

在android:state_window_focused="false"状态的时候用一张中间透明灰色边框图片

在android:state_pressed="true"状态的时候用一张中间透明黄色边框的图片即可实现

实现如下：

GridViewUsage

package com.android.GridView;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class GridViewUsage extends Activity implements
		GridView.OnItemClickListener {

	int[] image = { R.drawable.mb5u10_mb5ucom, R.drawable.mb5u11_mb5ucom,
			R.drawable.mb5u12_mb5ucom, R.drawable.mb5u13_mb5ucom,
			R.drawable.mb5u14_mb5ucom, R.drawable.mb5u15_mb5ucom,
			R.drawable.mb5u16_mb5ucom, R.drawable.mb5u17_mb5ucom,
			R.drawable.mb5u18_mb5ucom, R.drawable.mb5u19_mb5ucom,
			};

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		setContentView(R.layout.main);

		GridView gv = (GridView) findViewById(R.id.gride);

		ImageList adapter = new ImageList(this);

		gv.setAdapter(adapter);

		gv.setOnItemClickListener(this);
	}

	public class ImageList extends BaseAdapter {
		Activity activity;
		LayoutInflater inflater;

		// construct
		public ImageList(Activity a) {
			activity = a;
			inflater = LayoutInflater.from(activity);
		}

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

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

		@Override
		public long getItemId(int position) {
			return position;
		}

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

			ImageView im = new ImageView(activity);
			if (convertView == null) {
				convertView = inflater.inflate(R.layout.item_grid, null);
				im = (ImageView) convertView.findViewById(R.id.iv_image);
				convertView.setTag(im);
				
			}else{
				im = (ImageView) convertView.getTag();
			}
			im.setImageResource(image[position]);
			return convertView;
		}
	}

	@Override
	public void onItemClick(AdapterView<?> arg0, View view, int positon, long id) {

	}
}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    
<GridView  
    android:id="@+id/gride"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:numColumns="3"
    android:listSelector="@android:color/transparent"
    android:scrollbars="none"
    />
</LinearLayout>
 

android:listSelector属性设置比较重要，在这里要设置为透明效果，因为边框效果会在imageView的background属性里面来设置

item_grid.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <ImageView
        android:id="@+id/iv_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/grid_selector_background"
        
       />

</LinearLayout> 

grid_selector_background.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    
    <item android:state_window_focused="false" 
        android:drawable="@drawable/frame_gallery_preview_album" />
	
    <item android:state_selected="true"
        android:drawable="@drawable/frame_gallery_preview_album_pressed" />
     
    <item android:state_pressed="true"
        android:drawable="@drawable/frame_gallery_preview_album_pressed" />
</selector>

最终效果图如下：

源码下载地址：http://download.csdn.net/detail/sanjinxiong/3978206