今天学习了girdVew,学会了建立普通android界面.
GridView是一项显示二维的viewgroup,可滚动的网格。一般用来显示多张图片。
下面通过一个例子来展示其用法。
首先, 关于gridView 的三个属性
android:numColumns="" 表示有多少行
android:horizontalSpacing="" 表示列与列之间的间距
android:verticalSpacing="" 表示行与行之间的间距
思想基本一样,采用SimpleAdapter适配器。
1 准备数据源。2建立适配器3 加载适配器 4 监听。
然后展示代码:
activity_main.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<GridView
android:layout_marginTop="10dp"
android:id="@+id/gridView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numColumns="3"
android:horizontalSpacing="10dp"
android:verticalSpacing="10dp"
>
</GridView>
</LinearLayout>
item,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:layout_width="80dp"
android:layout_height="80dp"
android:id="@+id/image"
android:scaleType="fitXY"
android:src="@drawable/eight"
/>
<TextView
android:id="@+id/text"
android:layout_marginTop="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</LinearLayout>
mainActivity.java
package com.example.android_gridview;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
public class MainActivity extends Activity implements OnItemClickListener{
private GridView gridView;
private List<Map<String,Object>>datalist;
private int[] icon={ R.drawable.first,R.drawable.eight,R.drawable.five,R.drawable.four,R.drawable.second
,R.drawable.seven,R.drawable.six,R.drawable.third
};
private String[] iconname={"海贼1","海贼2","海贼3","海贼4","海贼5","海贼6","海贼7","海贼8"};
private SimpleAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
gridView=(GridView) findViewById(R.id.gridView1);
//1 准备数据源 2 新建适配器(SimpAdapter)3 GridView加载适配器 4 GridView配置事件监听(OnItemClickListensner)
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);
}
private List<Map<String,Object>> getData() {
// TODO Auto-generated method stub
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<?> parent, View view, int position, long id) {
// TODO Auto-generated method stub
Toast.makeText(this, "我是"+iconname[position], Toast.LENGTH_SHORT).show();;
}
}