Android之旅第四站——GridView的使用…

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);
    }
}

图片仍然是提前放入到项目当中的。