GridView 是一种网格视图,相比较之前的ListView的列表视图,网格视图显得更加有条理,先来看看它长什么样子。。
大家肯定见过很多类似的界面,淘宝,京东等很多都有。它的使用很简单,基本上和ListView是一样的。
看看效果图:
GridView中要提到几个属性:numColumns(列数)、horizontalSpacing(水平间隔)、verticalSpacing(垂直间隔)。
这里我们的adapter还是使用自定义的adapter。
Javabean:
package com.example.gridviews;
public class JBean {
private int iv;
private String name;
public JBean(int iv, String name) {
super();
this.iv = iv;
this.name = name;
}
public JBean() {
super();
}
public int getIv() {
return iv;
}
public void setIv(int iv) {
this.iv = iv;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
@Override
public String toString() {
return "JBean [iv=" + iv + ", name=" + name + "]";
}
@Override
public int hashCode() {
final int prime = 31;
int result = 1;
result = prime * result + iv;
result = prime * result + ((name == null) ? 0 : name.hashCode());
return result;
}
@Override
public boolean equals(Object obj) {
if (this == obj)
return true;
if (obj == null)
return false;
if (getClass() != obj.getClass())
return false;
JBean other = (JBean) obj;
if (iv != other.iv)
return false;
if (name == null) {
if (other.name != null)
return false;
} else if (!name.equals(other.name))
return false;
return true;
}
}
自定义adapter:
package com.example.gridviews;
import java.util.List;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class myadapter extends BaseAdapter {
private List<JBean> datas;
private MainActivity main;
public myadapter(List<JBean> datas, MainActivity main) {
super();
this.datas = datas;
this.main = main;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return datas.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return datas.get(position);
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
View v = null;
ViewHolder vh = null;
JBean jb = datas.get(position);
if (convertView == null) {
vh = new ViewHolder();
v = main.getLayoutInflater().inflate(R.layout.item, null);
vh.iv = (ImageView) v.findViewById(R.id.main_iv);
vh.tv = (TextView) v.findViewById(R.id.main_tv);
v.setTag(vh);
} else {
v = convertView;
vh = (ViewHolder) v.getTag();
}
vh.iv.setImageResource(jb.getIv());
vh.tv.setText(jb.getName());
return v;
}
private static class ViewHolder {
private ImageView iv;
private TextView tv;
}
}
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:background="#f00"
android:gravity="center"
android:orientation="vertical" >
<ImageView
android:id="@+id/main_iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/main_tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp" />
</LinearLayout>
activity_main:
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.gridviews.MainActivity" >
<GridView
android:id="@+id/main_gv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:horizontalSpacing="10dp"
android:numColumns="3"
android:verticalSpacing="10dp" >
</GridView>
</RelativeLayout>
Mainactivity:
package com.example.gridviews;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.GridView;
public class MainActivity extends Activity {
private GridView gv;
private List<JBean> datas;
private myadapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initDatas();
initViews();
}
private void initViews() {
// TODO Auto-generated method stub
gv = (GridView) findViewById(R.id.main_gv);
adapter = new myadapter(datas, this);
gv.setAdapter(adapter);
}
private void initDatas() {
// TODO Auto-generated method stub
datas = new ArrayList<JBean>();
datas.add(new JBean(R.drawable.a, "图片1"));
datas.add(new JBean(R.drawable.b, "图片2"));
datas.add(new JBean(R.drawable.c, "图片3"));
datas.add(new JBean(R.drawable.d, "图片4"));
datas.add(new JBean(R.drawable.e, "图片5"));
datas.add(new JBean(R.drawable.f, "图片6"));
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
图片仍然是提前放入到项目当中的。