利用ListView可控制添加每一列子项及删除功能

前言：这是我的第一次前言，没什么好说的，意思就是自定义ListView的适配器，ListView要想用的好，还得看适配器好不好使。

这篇文章主要讲适配器，先给出适配器吧：

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

public class ListAdapters extends BaseAdapter {

    private ArrayList<SaveItem> marrayList;

    private Context mcontext;

    private ViewHolder saveItem;

    public ListAdapters(Context context, ArrayList<SaveItem> arrayList) {
        mcontext = context;
        marrayList = arrayList;
        Initialization();
    }

    private void Initialization() {
    }

    @Override
    public int getCount() {
        return marrayList.size();
    }

    @Override
    public Object getItem(int i) {
        return marrayList.get(i);
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        saveItem = null;
        if (view == null) {
            saveItem = new ViewHolder();
            view = LayoutInflater.from(mcontext).inflate(R.layout.item, null);
            saveItem.imageView = (ImageView) view.findViewById(R.id.pic);
            saveItem.textView = (TextView) view.findViewById(R.id.txt);
            saveItem.money = (TextView)view.findViewById(R.id.money);
            view.setTag(saveItem);
        } else {
            saveItem = (ViewHolder) view.getTag();
        }
        if (Integer.parseInt(marrayList.get(i).getMoney()) > 0) {
            saveItem.textView.setText("收入");
        }
        else
        {
            saveItem.textView.setText("支出");
        }
        saveItem.imageView.setImageResource(marrayList.get(i).getImageView());
        saveItem.money.setText(marrayList.get(i).getMoney());
        return view;
    }

    private class ViewHolder
    {
        private ImageView imageView;
        private TextView textView;
        private TextView money;
    }
}

自定义BaseAdapter必写的几个方法：

• 构造器
• getCount()
• getItem()
• getItemId()
• getView()

主要说的是getView，因为使用适配器返回的界面就在这里面进行写:

里面我使用了ViewHodler，这是什么呢？其实没什么东西，就是if判断一下，是为了避免重复创建子布局界面浪费时间而已，不多说。

这里的话我是建了三个东西，分别存储一个图片和两个TextView，这是一个加载记账的简单实现。

再给出主函数代码：

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

import java.util.ArrayList;

public class MainActivity extends Activity implements View.OnClickListener {

    private ListView listView;
    private Button add1;
    private Button add2;
    private Button add3;
    private Button delete;
    private static ArrayList<SaveItem> arrayList;
    private ListAdapters adapters;
    private EditText puts;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initEvent();
        Initialization();
    }

    private void initView() {
        add1 = (Button) findViewById(R.id.add1);
        add2 = (Button) findViewById(R.id.add2);
        add3 = (Button) findViewById(R.id.add3);
        delete = (Button) findViewById(R.id.delete);
        puts = (EditText)findViewById(R.id.puts);
        listView = (ListView) findViewById(R.id.listView);
    }

    private void initEvent() {
        add1.setOnClickListener(this);
        add2.setOnClickListener(this);
        add3.setOnClickListener(this);
        delete.setOnClickListener(this);
    }

    private void Initialization() {
        arrayList = new ArrayList<SaveItem>();
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.delete:
                arrayList.remove(arrayList.size() - 1);
                listView.setAdapter(adapters);
                break;
            case R.id.add1:
                SaveItem saveItem = new SaveItem();
                saveItem.setImageView(R.drawable.bonus);
                saveItem.setMoney(puts.getText().toString());
                arrayList.add(saveItem);
                adapters = new ListAdapters(MainActivity.this, arrayList);
                listView.setAdapter(adapters);
                break;
        }
    }
}

有一个添加和一个删除按钮，是为了添加和删除子项，值得注意的是我在适配器和这里都借助了另外的类来帮助存储数据，适配器里面是内置的一个类，这里是一个外部类，具体代码如下：

public class SaveItem {
    public int imageView;
    public String textView;
    public String money;

    public void setTextView(String textView) {
        this.textView = textView;
    }

    public void setMoney(String money) {
        this.money = money;
    }

    public void setImageView(int imageView) {
        this.imageView = imageView;
    }

    public String getTextView() {
        return textView;
    }

    public int getImageView() {
        return imageView;
    }

    public String getMoney() {
        return money;
    }
}

最后再给出主界面布局代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <EditText
        android:id="@+id/puts"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="输入数字"/>

    <Button
        android:id="@+id/delete"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="20dp"
        android:text="删除"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <Button
            android:id="@+id/add1"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="添加"/>
        <Button
            android:id="@+id/add2"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="添加"/>
        <Button
            android:id="@+id/add3"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:textSize="20dp"
            android:text="添加"/>
    </LinearLayout>


    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:divider="@null"/>

</LinearLayout>

每一个子项的布局代码：

<?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:gravity="center|top">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:layout_gravity="center">
        <View
            android:layout_width="2dp"
            android:layout_height="10dp"
            android:layout_margin="0dp"
            android:layout_gravity="center"
            android:background="#808080"/>

        <ImageView
            android:id="@+id/pic"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_gravity="center"
            android:src="@drawable/pic"/>

        <View
            android:layout_width="2dp"
            android:layout_height="10dp"
            android:layout_margin="0dp"
            android:layout_gravity="center"
            android:background="#808080"/>

        </LinearLayout>


    <TextView
        android:id="@+id/txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="top|bottom"
        android:layout_marginLeft="30dp"
        android:textSize="16dp"/>

    <TextView
        android:id="@+id/money"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

至此，代码及功能全部完成，谢谢。