Android UI之最优ListView写法

1、ListView的一个经典实现动态增加、删除行的例子实现。

2、Listview优化策略?

1）convetView进行判空，为空时加载布局，不为空时直接重新使用 convertView，减少了布局的加载。（效率提高200%）　
2）定义ViewHolder，传入ViewHolder对象给convetView设置tag，用于缓存控件。（效率再提高50%）
3）当ListView加载数据量较大时可采用分页加载和图片异步加载方法。

3、代码示例

0.data.java

package com.guan.http.model;

public class Data {

    private int id;
    private ImageView image;
    private int num;

    public Data() {
        super();
    }

    public Student(int id, ImageView image, int num) {
        super();
        this.id = id;
        this.image = image;
        this.num = num;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getImage() {
        return image;
    }

    public void setName(String image) {
        this.image = image;
    }

    public int getNum() {
        return num;
    }

    public void setNum(int num) {
        this.num = num;
    }

}

①activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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" 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=".MainActivity">

    <LinearLayout  android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal">

        <Button  android:id="@+id/btn_add" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="增加" />

        <Button  android:id="@+id/btn_remove" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="减少" />
    </LinearLayout>

    <ListView  android:id="@+id/lv_show" android:layout_width="match_parent" android:layout_height="wrap_content"></ListView>
</LinearLayout>

②adater_line.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" >

    <ImageView  android:id="@+id/imageView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:layout_marginLeft="42dp" android:layout_marginTop="20dp" android:src="@mipmap/ic_launcher" />

    <TextView  android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginTop="40dp" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:text="TextView" />

</RelativeLayout>

③ShowAdapter

package com.example.guan.adapter;

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 com.example.guan.listview.R;

import java.util.List;

import butterknife.ButterKnife;
import butterknife.InjectView;

/** * @author Guan * @file com.example.guan.adapter * @date 2015/8/14 * @Version 1.0 */
public class ShowAdapter extends BaseAdapter {

    private Context mContext;
    private List mList;

    public ShowAdapter(Context context, List list) {
        this.mContext = context;
        this.mList = list;
    }

    @Override
    public int getCount() {
           if (mList != null && mList.size() > 0) {
                return mList.size();
            } else {
                return 0;
            }
    }

    @Override
    public Object getItem(int position) {
            if (mList != null && mList.size() > 0) {
                return mList.get(position);
            } else {
                return null;
            }
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        // 2、使用了ViewHolder作为子布局的缓存，使用View的setTag方法将缓存与每个item绑定，
        // 则也可以省去了findViewById的事件
        ViewHolder holder;

        if (convertView != null) {
            // 3、获取ViewHolder
            holder = (ViewHolder) convertView.getTag();
        } else {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.adater_line, null);
            holder = new ViewHolder(convertView);
            convertView.setTag(holder);
        }

        // 获取数据对象
        Data data = (Data) getItem(position);
        // 4、绑定数据到holder. 
        holder.textView.setText(data.getNum() + "");        
        //holder.textView.setText(mList.get(position).toString());

        return convertView;
    }


    /** * 1、将ViewHolder设置为static的目的是指在初始化Adapter时初始化一次这个内部类， * 否则将会在每次创建Adapter时都要初始化一次，而这是没有必要的。 */
    static class ViewHolder {
        @InjectView(R.id.imageView)
        ImageView imageView;
        @InjectView(R.id.textView)
        TextView textView;

        ViewHolder(View view) {
            ButterKnife.inject(this, view);
        }
    }
}

④MainActivity

package com.example.guan.listview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ListView;
import android.widget.Toast;

import com.example.guan.adapter.ShowAdapter;

import java.util.ArrayList;
import java.util.List;

import butterknife.ButterKnife;
import butterknife.InjectView;
import butterknife.OnClick;

/** * @author Guan * @file com.example.guan.listviews * @date 2015/8/14 * @Version 1.0 */
public class MainActivity extends AppCompatActivity {

    @InjectView(R.id.btn_add)
    Button btnAdd;
    @InjectView(R.id.btn_remove)
    Button btnRemove;
    @InjectView(R.id.lv_show)
    ListView lvShow;

    private List list;
    private ShowAdapter showAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.inject(this);

        // 初始化
        Init();
    }

    /** * 初始化 */
    private void Init() {
        list = new ArrayList();
        for (int i = 0; i < 3; i++) {
            list.add("123");
        }
        showAdapter = new ShowAdapter(this, list);
        lvShow.setAdapter(showAdapter);
    }

    /** * 监听实现 * @param view */
    @OnClick({R.id.btn_add, R.id.btn_remove})
    public void pickDoor(View view) {
        if (view == btnAdd) {
            list.add("123");
            showAdapter.notifyDataSetChanged();
        } else {
            list.remove(0);
            showAdapter.notifyDataSetChanged();
        }
    }
}

⑤图片资源

4、效果图

5、知识补充

1）adapter.notifyDataSetChanged()
①实现对listView列表的刷新；
②新建一个集合时，adapter调用此方法时强制传到getView执行。

2）布局
android：divider 边框线条 = “#FFFFFF”/ “@drawable/list”
android：dividerHeight 边框线条

3）去除分割线
①设置android:divider=”@null”
②android:divider=”#00000000” #00000000后面两个零表示透明
③.setDividerHeight(0) 高度设为0

4）去除滚动棒
android:scrollbars=”none”