一、使用GridView以表格形式顯示多張圖片
GridView用於在界面上按行、列分佈的方式來顯示多個組件
二、使用GridView
1、java代碼
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
public class MainActivity extends AppCompatActivity implements AdapterView.OnItemClickListener{
private GridView gridView;
private List<Map<String,Object>>dataList;
private int[]icon = {R.drawable.calendar,R.drawable.address_book,R.drawable.camera,R.drawable.clock,R.drawable.games_control,R.drawable.messenger,R.drawable.settings};
private String[]iconName = {"日曆","電話簿","照相機","鬧鐘","遊戲控制","信息","設置"};
private SimpleAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
gridView = (GridView) findViewById(R.id.gridView);
//1、準備數據源
//2、新建適配器(SimpleAdapter)
//3、GridView加載適配器
//4、GridView配置事件監聽器(OnItemClickListener)
//新建數據源的集合
dataList = new ArrayList<Map<String,Object>>();
//getData();
//新建適配器
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);
}
public List<Map<String,Object>> getData() {
//填充數據源
for(int i=0;i<icon.length;i++) {
Map<String, Object> map = new HashMap<String, Object>();
map.put("image",icon[i]);
map.put("text",iconName[i]);
dataList.add(map);
}
return dataList;
}
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
Toast.makeText(this,"我是"+iconName[i],Toast.LENGTH_SHORT).show();
}
}
2、xml文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:background="#000000">
<ImageView
android:src="@drawable/ic_launcher"
android:layout_width="60dp"
android:layout_height="60dp"
android:id="@+id/image"/>
<TextView
android:layout_marginTop="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#ffffff"
android:text="文字"
android:id="@+id/text"/>
</LinearLayout>
<!--
android:numColumns="" 每一行顯示多少列
android:horizontalSpacing="" 兩列之間的間距
android:verticalSpacing="" 兩行之間的間距
-->
<GridView
android:layout_marginTop="10dp"
android:id="@+id/gridView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numColumns="3"
android:horizontalSpacing="10dp"
android:verticalSpacing="10dp"
></GridView>
每行顯示三項,由於採用均分策略,會把多餘位置平均分散到間隙中,所以視圖列間距會大於10dp