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”