android studio 菜鳥實戰項目 之 gridView實現

實現效果圖：原圖效果，以及點擊后打印信息效果

activity_main.xml文件：

<!--
numColumns:每一行顯示多少列
horizontalSpacing:兩列之間的間距
verticalspacing:兩行之間的間距
 -->
<GridView
    android:layout_marginTop="10dp"
    android:numColumns="3"
    android:horizontalSpacing="10dp"
    android:verticalSpacing="10dp"
    android:id="@+id/gridView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</GridView>

新添的item.xml文件：

<!--建立兩個空的控件以用來后面的載入-->
<ImageView
    android:id="@+id/image"
    android:layout_width="60dp"
    android:layout_height="60dp" />
<TextView
    android:layout_marginTop="5dp"
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

mainactivity.java文件：

public class MainActivity extends Activity implements AdapterView.OnItemClickListener{
    //定義以及初始化數據
    private GridView gridView;
    private List<Map<String,Object>>dataList;
    private int[] icon={R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher
    ,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher,R.mipmap.ic_launcher};
    private String[] iconName={"通訊錄","日歷","照相機","時鍾","游戲"
    ,"短信","鈴聲","設置","語音","天氣","瀏覽器","視頻"};
    private SimpleAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //實例化gridView
        gridView=(GridView)findViewById(R.id.gridView);
        /*
        1.准備數據源； 2.新建適配器； 3.GridView加載適配器；4.GridView配置事件監聽器
         */
        dataList=new ArrayList<>();
        adapter=new SimpleAdapter(this,getData(),R.layout.item,new String[]{"image","text"},
                new int[]{R.id.image,R.id.text});
        gridView.setAdapter(adapter);
        gridView.setOnItemClickListener(this);
    }
    private List<Map<String,Object>> getData(){
        for(int i=0;i<icon.length;i++){
            Map<String,Object>map=new HashMap<>();
            map.put("image",icon[i]);
            map.put("text",iconName[i]);
            dataList.add(map);
        }
        return dataList;
    }
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        Toast.makeText(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show();
        Log.i("tag","我是"+iconName[position]);
    }
}

要注意，因為這里設置了不顯示標題欄，所以要在androidmainfest.xml中去定義主題樣式：

android:theme="@android:style/Theme.Black.NoTitleBar"
定義完后，要在mainactivity.java文件中修改它的繼承對象為activity.否則會報錯