android 布局使用GridView

 

效果图：

                    

 <!-- stretchMode属性值的作用是设置GridView中的条目以什么缩放模式去填充空间。 -->
<com.annie.setui.MyGridView
                        android:id="@+id/gridView"
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:background="#F5F5F5"
                        android:horizontalSpacing="0.0dip"
                        android:listSelector="@null"
                         android:numColumns="4"
                        android:scrollbars="none"
                        android:stretchMode="columnWidth"
                         android:verticalSpacing="0.0dip" />

import android.content.Context;
import android.util.AttributeSet;
import android.widget.GridView;
/**
 * @Description:解决在scrollview中只显示第一行数据的问题
 * @author http://blog.csdn.net/finddreams
 */ 
public class MyGridView extends GridView{
    public MyGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyGridView(Context context) {
        super(context);
    }

    public MyGridView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2,
                MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

private String onePersonCenter = "title1",twoAssign = "title2",threeSTMM = "title3",
            fourHtml = "title4",fiveRedPacket = "title5",sixPromotional = "title6",
            sevenNewCampain = "title7",eightBorrowing = "title8",ninePrivate = "title9",
            tenAboutUs = "title11",elevenSH = "title12";


//适配器
SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.grid_item_wallet, 
                new String[]{"ItemImage","ItemText"}, new int[]{R.id.grid_img,R.id.grid_tv});
gridView.setAdapter(adapter);

//数据源
private ArrayList<HashMap<String,Object>> getData(){  
        String[] title = {onePersonCenter,twoAssign,threeSTMM,fourHtml,fiveRedPacket,
                sixPromotional,sevenNewCampain,eightBorrowing,ninePrivate,tenAboutUs,elevenSH};
        int[] pic = {R.drawable.icon_of_grid1,R.drawable.icon_of_grid2,R.drawable.icon_of_grid3,
        R.drawable.icon_of_grid4,R.drawable.icon_of_grid5,R.drawable.icon_of_grid6,
        R.drawable.icon_of_grid7,R.drawable.icon_of_grid8,R.drawable.icon_of_grid9,
        R.drawable.icon_of_grid10,R.drawable.icon_of_grid11};
        
        ArrayList<HashMap<String,Object>> sourceList = new ArrayList<HashMap<String,Object>>();  
        HashMap<String, Object> tempHashMap = new HashMap<String, Object>();  
        for (int i = 0; i < title.length; i++) { 
            tempHashMap.put("ItemText", title[i]);
            for (int j = 0; j < pic.length; j++) {
                tempHashMap.put("ItemImage", pic[i]);
            }
              
            sourceList.add(tempHashMap);  
            tempHashMap = new HashMap<String, Object>();  
        }  
        return sourceList;  
          
          
          
    }

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:layout_margin="0.0dip">
    
    <RelativeLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingTop="20dip"
        android:paddingBottom="20dip"
        android:layout_centerInParent="true"
        android:background="@drawable/bg_gv">

        <ImageView
            android:id="@+id/grid_img"
            android:layout_width="30dip"
            android:layout_height="30dip"
            android:layout_centerHorizontal="true"
            android:scaleType="fitXY"/>

        <TextView
            android:id="@+id/grid_tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingTop="5dip"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/grid_img"
            android:textColor="@color/default_Tab3font"
            android:text="11" />
    </RelativeLayout>   

</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true"><shape android:shape="rectangle">
            <stroke android:width="1.0px" android:color="@color/gray_lines" />

            <gradient android:angle="270.0" android:endColor="#ffe8ecef" android:startColor="#ffe8ecef" />
        </shape></item>
    <item android:state_focused="true"><shape android:shape="rectangle">
            <gradient android:angle="270.0" android:endColor="#ffe8ecef" android:startColor="#ffe8ecef" />

            <stroke android:width="1.0px" android:color="@color/gray_lines" />
        </shape></item>
    <item><shape android:shape="rectangle">
            <gradient android:angle="270.0" android:endColor="#ffffffff" android:startColor="#ffffffff" />

            <stroke android:width="1.0px" android:color="@color/gray_lines" />
        </shape></item>

</selector>

// <color name="gray_lines">#e6e5e5</color>