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 implementsGridView.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. */@Overridepublic 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;// constructpublic ImageList(Activity a) {activity = a;inflater = LayoutInflater.from(activity);}@Overridepublic int getCount() {return image.length;}@Overridepublic Object getItem(int position) {return image[position];}@Overridepublic long getItemId(int position) {return position;}@Overridepublic 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;}}@Overridepublic 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