Android GridView 实现九宫格效果(小恩爱首页效果)

1、效果图分享

更多详细请移至文章末尾下载Apk查看
2、代码分析

1.GridView item 布局xml
grid_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="wrap_content"android:layout_height="wrap_content"><!-- 九宫格布局 --><RelativeLayout
        android:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_centerInParent="true"android:layout_marginBottom="10dp"android:layout_marginLeft="20dp"android:layout_marginRight="0dp"android:layout_marginTop="10dp"android:background="@drawable/shape_grid"android:paddingBottom="30dip"android:paddingLeft="17dip"android:paddingRight="17dip"android:paddingTop="30dip"><ImageView
            android:id="@+id/iv_item"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerHorizontal="true" /><TextView
            android:id="@+id/tv_item"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/iv_item"android:layout_centerHorizontal="true"android:layout_marginTop="5.0dip"android:maxLines="1"android:textSize="14.0sp" /></RelativeLayout>
</RelativeLayout>

(drawable) shape_grid.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradient
        android:angle="90"android:endColor="#ffffffff"android:startColor="#ffffffff" /><corners android:radius="10dp" /><stroke
        android:width="1dip"android:color="#ffdddddd" />
</shape>

2.GridView 使用布局页面

<GridView
            android:id="@+id/gridview"android:layout_width="fill_parent"android:layout_height="wrap_content"android:horizontalSpacing="1dp"android:listSelector="@null"android:numColumns="2"android:scrollbars="none"android:stretchMode="columnWidth"android:verticalSpacing="1dp"/>

3.Adapter 中使用的BaseViewHolder

public class BaseViewHolder {@SuppressWarnings("unchecked")public static <T extends View> T get(View view,int id){SparseArray<View> viewHolder = (SparseArray<View>)view.getTag();if(viewHolder == null){viewHolder = new SparseArray<View>();view.setTag(viewHolder);}View childView = viewHolder.get(id);if(childView == null){childView = view.findViewById(id);viewHolder.put(id,childView);}return (T)childView;}
}

4.Adapter java文件

public class MyGridAdapter extends BaseAdapter {private Context mContext;List<String> mList;/*几张图片*/public int[] imgs = new int[]{R.drawable.jieri,R.drawable.place,R.drawable.jinianri,R.drawable.xingzuo,R.drawable.shengxiao,R.drawable.forbit,R.drawable.app,};public MyGridAdapter(Context _mContext,ArrayList<String> _list){this.mContext = _mContext;list = _list;}@Overridepublic int getCount(){return list.size();}@Overridepublic Object getItem(int position){return list.get(position);}@Overridepublic long getItemId(int position){return position;}@Overridepublic View getView(int position,View converttView,ViewGroup parent){if(converttView == null){converttView = LayoutInflater.from(mContext).inflate(R.layout.grid_item,parent,false);}TextView tv = BaseViewHolder.get(converttView, R.id.tv_item);ImageView iv = BaseViewHolder.get(converttView,R.id.iv_item);iv.setBackgroundResource(imgs[position-1]);tv.setText(list.get(position));return converttView;}
}

5.Activity 使用

GridView gridView = (GridView)mParent.findViewById(R.id.gridview);List<String> list = new ArrayList<String>();list.add("中国");list.add("美国");list.add("德国");list.add("英国");list.add("法国");list.add("俄罗斯");list.add("加拿大");gridView.setAdapter(new MyGridAdapter(MainActivity.this,list));

3、更多效果图请下载Apk查看
下载看看