您的位置:首页 > 产品设计 > UI/UE

ListView局部更新(非notifyDataSetChanged)

2015-07-20 16:20 375 查看
package com.example.test;

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

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewStub;
import android.view.Window;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

//
/**ListView性能优化</br>
* 当为ListView中每个条目中某一控件设置点击事件时,通常可以在Adapter中每次getView中为该控件setOnClickListener,</br>
* 但ListView中条目是复用的,没必要每次都设置setOnClickListener,只需在getView中判断convertView是否为null,</br>
* 若为null则为控件设置setOnClickListener,然后每次getView时都为该控件的某个特殊字段设置值为position,(例 : holder.tv.setText(position+"");),</br>
* 当点击该控件时,取出设置的该值则就得到了点击的条目的位置,然后就可以获取整个条目(可以通过多次调用点击的控件的getParent()方法即可得到被点击的控</br>
* 件所在的条目布局,或者通过listview.getChildAt(该条目的位置减去-listview.getFirstVisiblePosition())也</br>
* 可以获取被点击的控件所在的条目,这样就可以只修改该条目的部分信息了)</br></br>
* 详见 getView代码
* @author Young
*
*/
public class MainActivity extends Activity  {
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);

final ListView listview=new ListView(getApplicationContext());
final List<String>data=new ArrayList< >();
for (int i = 0; i < 50; i++) {
data.add("but "+i);
}
setContentView(listview);

listview.setAdapter(new BaseAdapter() {
class ViewHolder{
TextView tv;
Button but;
}

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

if (convertView==null) {
final ViewHolder	holder=new ViewHolder();//该holder必须是局部final的,否则在下面的onClick中调用holder.tv得到的不是被点击的控件

convertView=LayoutInflater.from(getApplicationContext()).inflate(R.layout.list_item, parent,false);// ps:inflate中第二个参数是parent,否则条目高度是包裹内容,第三个参数一定是false
holder.but=(Button) convertView.findViewById(R.id.but);
holder.tv=(TextView) convertView.findViewById(R.id.tv);

convertView.setTag(holder);
System.out.println("setOnClickListener-----");
holder.tv.setOnClickListener(new OnClickListener() {//只需在这设置一次OnClickListener

@Override
public void onClick(View v) {

Toast.makeText(getApplicationContext(), holder.tv.getText(), 0).show();
System.out.println("点击位置  "+holder.tv.getText()  +"   firstVisizable "+listview.getFirstVisiblePosition());

//该Demo只是简单的把位置设置为了TextView的文字,实际使用中通常要设置其他属性为位置
int index=Integer.parseInt(holder.tv.getText().toString())-listview.getFirstVisiblePosition();

ViewGroup viewGroup=(ViewGroup) listview.getChildAt(index);//获取点击的控件所在的条目布局

String s=((TextView)viewGroup.getChildAt(0)).getText().toString();
((Button)viewGroup.getChildAt(1)).setText("but-->"+s);//修改被点击控件所在条目布局中的另一个控件的内容(不需要调用notifyDataSetChanged()来刷新整个可见区域)

data.set(Integer.parseInt(holder.tv.getText().toString()), "but-->"+s);	//把数据存放到List中,以便下次滚动到该条目时正确显示
System.out.println("index  "+index+"   "+s);

}
});
}
ViewHolder	holder =(ViewHolder) convertView.getTag();
holder.tv.setText(position+"");//该Demo只是简单的把位置设置为了TextView的文字,实际使用中通常要设置其他属性为位置(例:可以自定义控件继承自TextView,然后为该控件增加一个专门记录位置的字段,或者直接setTag())
holder.but.setText(data.get(position) );//Button的内容其实最终是根据data中信息来显示的

//主要优化下面这种每次setOnClickListener,点击后通过notifyDataSetChanged来刷新整个可见区域
//				holder.tv.setOnClickListener(new OnClickListener() {
//
//					@Override
//					public void onClick(View v) {
//						// TODO Auto-generated method stub
//						data.set(position, "but-->"+position);
//						notifyDataSetChanged();
//					}
//				});
return convertView;
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return 0;
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}

@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}

@Override
public void notifyDataSetChanged() {
// TODO Auto-generated method stub
super.notifyDataSetChanged();
System.out.println("notifyDataSetChanged====");//可以看到从没调用过该函数来刷新
}
});
}

}
</pre><pre name="code" class="java">
<pre name="code" class="html"><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="60dp"
android:background="#fff"
android:orientation="horizontal" >

<TextView android:id="@+id/tv"
android:layout_gravity="center"

android:layout_width="wrap_content"
android:padding="15dp"
android:layout_height="wrap_content"
android:background="#eee"
android:textColor="#ff0000"/>

<Button android:id="@+id/but"
android:layout_gravity="center"
android:padding="15dp"
android:layout_marginLeft="20dp"
android:layout_width="wrap_content"
android:text="xx"
android:layout_height="wrap_content"
android:background="#eee"
android:textColor="#ff0000"/>

</LinearLayout>





可以看到有50个条目,但只设置了8次Listener

=============================================================

方法二:

package com.example.listviewtest;

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

import android.app.Activity;
import android.database.DataSetObserver;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewParent;
import android.widget.AbsListView;
import android.widget.BaseAdapter;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.TextView;

public class MainActivity extends Activity {

List<String>data;
ListView listView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
listView=new ListView(getApplicationContext());

setContentView(listView);
data=new ArrayList<>();
for (int i = 0; i < 5000; i++) {
data.add(""+i);
}
listView.setAdapter(new MyAdapter());
}

class MyAdapter extends BaseAdapter {

@Override
public int getCount() {
// TODO Auto-generated method stub
return data.size();
}

@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}

@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
if (convertView==null) {
ViewHolder holder=new ViewHolder();
convertView=LayoutInflater.from(getApplicationContext()).inflate(R.layout.activity_main, parent,false);
holder.tv1=(TextView) convertView.findViewById(R.id.tv1);
holder.tv2=(TextView) convertView.findViewById(R.id.tv2);
holder.tv1.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
// int po=(int) holder.tv1.getTag();

int po=getRootItemPosition(v, listView);
ViewGroup group=(ViewGroup) listView.getChildAt(po-listView.getFirstVisiblePosition());
ViewHolder holder=(ViewHolder) group.getTag();
holder.tv2.setText(po+"--------------------->");
data.set(po, po+"--------------------->");

}
});
convertView.setTag(holder);
}
ViewHolder holder=(ViewHolder) convertView.getTag();
holder.tv2.setText(data.get(position));
// holder.tv1.setTag(position);
holder.tv1.setText(""+position);
return convertView;
}

public int getRootItemPosition(View v,AbsListView absListView){
ViewParent parent;

while(! ((parent=v.getParent()) instanceof AbsListView) ){
v=(View) parent;
}

int f=absListView.getFirstVisiblePosition();
int l=absListView.getLastVisiblePosition();
for (int i = f; i <= l; i++) {

if (absListView.getChildAt(i-f)==v) {
return i;
}
}

return -1;
}
class ViewHolder{
TextView tv1;
TextView tv2;
}
}

}


<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="wrap_content"
android:orientation="horizontal"
android:padding="10dp"
tools:context="${relativePackage}.${activityClass}" >

<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
>
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">

<TextView android:id="@+id/tv1"
android:background="#ccc"
android:padding="15dp"
android:textColor="#000"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="OK" />
</RelativeLayout>
</LinearLayout>
</FrameLayout>

<TextView android:id="@+id/tv2"
android:padding="10dp"
android:background="#ccc"
android:textColor="#000"
android:layout_marginLeft="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />

</LinearLayout>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息